7 Replies Latest reply on Aug 5, 2008 1:02 PM by Perry|

    Need Help Fixing Site for IE6

    Perry|
      Hello.

      I've been working on a CSS drop down menu for my website which works fine in Internet Explorer 7 and all other modern browsers. But I used Browsershots.org to have a look at the site in IE6 and it was terrible. I am using Windows Vista so there is no way of me getting IE 6 on this machine (MultipleIE's doesn't work). So I need some help fixing for IE6. Page url is http://runecentral.net/index.php HTML Code and CSS Code;

      First the list

      <div class="menu">
      <ul id="nav">
      <li id="fi"><a href=" http://www.runecentral.net/">Home</a></li>
      <li id="fi"><a href=" http://forum.runecentral.net/">Forums</a></li>
      <li id="fi"><a href=" http://chat.runecentral.net/">Chat</a></li>
      <li id="fi">Guides
      <ul>
      <li id="si"><a href="/skills.php">Skill Guides</a></li>
      <li id="si"><a href="/quests.php">Quest Guides</a></li>
      <li id="si"><a href="/minigames.php">Mini Game Guides</a></li>
      <li id="si"><a href="/guilds.php">Guild Guides</a></li>
      <li id="si"><a href="/cities.php">City Guides</a></li>
      <li id="si"><a href="/monsterhunting.php">Monster Hunting Guides</a></li>
      <li id="si"><a href="/moneymaking.php">Money Making Guides</a></li>
      <li id="si"><a href="/miscellaneous.php">Miscellaneous Guides</a></li>
      </ul>
      </li>
      <li id="fi">Databases
      <ul>
      <li id="si"><a href="/items.php">Item Database</a></li>
      <li id="si"><a href="/monsters.php">Monster Database</a></li>
      <li id="si"><a href="/npcs.php">NPC Database</a></li>
      <li id="si"><a href="/shops.php">Shop Database</a></li>
      </ul>
      </li>
      <li id="fi">Tools
      <ul>
      <li id="si"><a href="/skillcalcs.php">Skill Calculators</a></li>
      <li id="si"><a href="/skillplanners.php">Skill Planners</a></li>
      <li id="si"><a href="/maxhit.php">Max Hit Calculator</a></li>
      <li id="si"><a href="/combatcalc.php">Combat Calculator</a></li>
      </ul>
      </li>
      <li id="fi">Maps
      <ul>
      <li id="si"><a href="/worldmap.php">Official World Map</a></li>
      <li id="si"><a href="/dungeons.php">Dungeon Maps</a></li>
      </ul>
      </li>
      <li id="fi">Archives
      <ul id="nav">
      <li id="si"><a href="/newsarchive.php">News Archive</a></li>
      <li id="si"><a href="/pollarchive.php">Poll Archive</a></li>
      </ul>
      </li>
      <li id="fi"><a href="/contact.php">Contact</a></li>
      </ul>
      </div>

      Now the main CSS code

      .menu ul, li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      }
      .menu {
      text-align: center;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      }
      .menu a {
      text-decoration: none;
      color: #FFFFFF;
      }
      ul#nav {
      width: 100%;
      height: 30px;
      margin: 0 auto;
      }
      ul#nav li {
      position: relative;
      float: left;
      }
      #fi {
      width: 75px;
      height: 30px;
      cursor: pointer;
      }
      #si {
      width: 170px;
      float: left;
      height: 25px;
      line-height: 25px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-color: #000000;
      border-bottom-color: #000000;
      border-left-color: #000000;
      background-color: red;
      }
      ul#nav li:hover {
      background-color:#00FFCC;
      }
      ul#nav li ul {
      display: none;
      }
      ul#nav li:hover ul {
      display: inline;
      float: left;
      height: auto;
      padding: 0;
      margin: 0;
      text-align: left;
      }
      ul#nav li:hover ul li {
      display: block;
      margin: 0;
      padding: 0 0 0 5px;
      height: 100%;
      }
      ul#nav li#fi a {
      display: block;
      height: 100%;
      }
      ul#nav li#fi:hover {
      background-image: url(/img/fixedbar_over.png);
      }

      If you need any more code just check the page source.

      I know this is quite a lot to ask but I am really stuck as I cannot do it myself so any help would be greatly appreciated.

      Many thanks and regards,

      Perry Roper
        • 1. Re: Need Help Fixing Site for IE6
          Level 7
          > http://runecentral.net/index.php
          Appears to be a bad link

          --
          Jo



          "Perry|" <webforumsuser@macromedia.com> wrote in message
          news:g77jni$8b5$1@forums.macromedia.com...
          > Hello.
          >
          > I've been working on a CSS drop down menu for my website which works fine
          > in
          > Internet Explorer 7 and all other modern browsers. But I used
          > Browsershots.org
          > to have a look at the site in IE6 and it was terrible. I am using Windows
          > Vista
          > so there is no way of me getting IE 6 on this machine (MultipleIE's
          > doesn't
          > work). So I need some help fixing for IE6. Page url is
          > http://runecentral.net/index.php HTML Code and CSS Code;
          >
          > First the list
          >
          > <div class="menu">
          > <ul id="nav">
          > <li id="fi"><a href=" http://www.runecentral.net/">Home</a></li>
          > <li id="fi"><a href=" http://forum.runecentral.net/">Forums</a></li>
          > <li id="fi"><a href=" http://chat.runecentral.net/">Chat</a></li>
          > <li id="fi">Guides
          >

          > <li id="si"><a href="/skills.php">Skill Guides</a></li>
          > <li id="si"><a href="/quests.php">Quest Guides</a></li>
          > <li id="si"><a href="/minigames.php">Mini Game Guides</a></li>
          > <li id="si"><a href="/guilds.php">Guild Guides</a></li>
          > <li id="si"><a href="/cities.php">City Guides</a></li>
          > <li id="si"><a href="/monsterhunting.php">Monster Hunting Guides</a></li>
          > <li id="si"><a href="/moneymaking.php">Money Making Guides</a></li>
          > <li id="si"><a href="/miscellaneous.php">Miscellaneous Guides</a></li>
          >

          > </li>
          > <li id="fi">Databases
          >

          > <li id="si"><a href="/items.php">Item Database</a></li>
          > <li id="si"><a href="/monsters.php">Monster Database</a></li>
          > <li id="si"><a href="/npcs.php">NPC Database</a></li>
          > <li id="si"><a href="/shops.php">Shop Database</a></li>
          >

          > </li>
          > <li id="fi">Tools
          >

          > <li id="si"><a href="/skillcalcs.php">Skill Calculators</a></li>
          > <li id="si"><a href="/skillplanners.php">Skill Planners</a></li>
          > <li id="si"><a href="/maxhit.php">Max Hit Calculator</a></li>
          > <li id="si"><a href="/combatcalc.php">Combat Calculator</a></li>
          >

          > </li>
          > <li id="fi">Maps
          >

          > <li id="si"><a href="/worldmap.php">Official World Map</a></li>
          > <li id="si"><a href="/dungeons.php">Dungeon Maps</a></li>
          >

          > </li>
          > <li id="fi">Archives
          > <ul id="nav">
          > <li id="si"><a href="/newsarchive.php">News Archive</a></li>
          > <li id="si"><a href="/pollarchive.php">Poll Archive</a></li>
          >
          > </li>
          > <li id="fi"><a href="/contact.php">Contact</a></li>
          >
          > </div>
          >
          > Now the main CSS code
          >
          > .menu ul, li {
          > margin: 0;
          > padding: 0;
          > list-style-type: none;
          > }
          > .menu {
          > text-align: center;
          > font-size: 14px;
          > height: 30px;
          > line-height: 30px;
          > }
          > .menu a {
          > text-decoration: none;
          > color: #FFFFFF;
          > }
          > ul#nav {
          > width: 100%;
          > height: 30px;
          > margin: 0 auto;
          > }
          > ul#nav li {
          > position: relative;
          > float: left;
          > }
          > #fi {
          > width: 75px;
          > height: 30px;
          > cursor: pointer;
          > }
          > #si {
          > width: 170px;
          > float: left;
          > height: 25px;
          > line-height: 25px;
          > border-right-width: 1px;
          > border-bottom-width: 1px;
          > border-left-width: 1px;
          > border-right-style: solid;
          > border-bottom-style: solid;
          > border-left-style: solid;
          > border-right-color: #000000;
          > border-bottom-color: #000000;
          > border-left-color: #000000;
          > background-color: red;
          > }
          > ul#nav li:hover {
          > background-color:#00FFCC;
          > }
          > ul#nav li ul {
          > display: none;
          > }
          > ul#nav li:hover ul {
          > display: inline;
          > float: left;
          > height: auto;
          > padding: 0;
          > margin: 0;
          > text-align: left;
          > }
          > ul#nav li:hover ul li {
          > display: block;
          > margin: 0;
          > padding: 0 0 0 5px;
          > height: 100%;
          > }
          > ul#nav li#fi a {
          > display: block;
          > height: 100%;
          > }
          > ul#nav li#fi:hover {
          > background-image: url(/img/fixedbar_over.png);
          > }
          >
          > If you need any more code just check the page source.
          >
          > I know this is quite a lot to ask but I am really stuck as I cannot do it
          > myself so any help would be greatly appreciated.
          >
          > Many thanks and regards,
          >
          > Perry Roper
          >


          • 2. Re: Need Help Fixing Site for IE6
            Level 7
            However, if it's http://www.runecentral.com/ then you need to fix some of
            the 150 validation errors here:
            http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.runecentral.com%2F

            --
            Jo




            "josie1one" <joleros@spamoffyahoo.com> wrote in message
            news:g77sn0$hq3$1@forums.macromedia.com...
            >> http://runecentral.net/index.php
            > Appears to be a bad link
            >
            > --
            > Jo
            >
            >
            >
            > "Perry|" <webforumsuser@macromedia.com> wrote in message
            > news:g77jni$8b5$1@forums.macromedia.com...
            >> Hello.
            >>
            >> I've been working on a CSS drop down menu for my website which works fine
            >> in
            >> Internet Explorer 7 and all other modern browsers. But I used
            >> Browsershots.org
            >> to have a look at the site in IE6 and it was terrible. I am using Windows
            >> Vista
            >> so there is no way of me getting IE 6 on this machine (MultipleIE's
            >> doesn't
            >> work). So I need some help fixing for IE6. Page url is
            >> http://runecentral.net/index.php HTML Code and CSS Code;
            >>
            >> First the list
            >>
            >> <div class="menu">
            >> <ul id="nav">
            >> <li id="fi"><a href=" http://www.runecentral.net/">Home</a></li>
            >> <li id="fi"><a href=" http://forum.runecentral.net/">Forums</a></li>
            >> <li id="fi"><a href=" http://chat.runecentral.net/">Chat</a></li>
            >> <li id="fi">Guides
            >>

            >> <li id="si"><a href="/skills.php">Skill Guides</a></li>
            >> <li id="si"><a href="/quests.php">Quest Guides</a></li>
            >> <li id="si"><a href="/minigames.php">Mini Game Guides</a></li>
            >> <li id="si"><a href="/guilds.php">Guild Guides</a></li>
            >> <li id="si"><a href="/cities.php">City Guides</a></li>
            >> <li id="si"><a href="/monsterhunting.php">Monster Hunting
            >> Guides</a></li>
            >> <li id="si"><a href="/moneymaking.php">Money Making Guides</a></li>
            >> <li id="si"><a href="/miscellaneous.php">Miscellaneous Guides</a></li>
            >>

            >> </li>
            >> <li id="fi">Databases
            >>

            >> <li id="si"><a href="/items.php">Item Database</a></li>
            >> <li id="si"><a href="/monsters.php">Monster Database</a></li>
            >> <li id="si"><a href="/npcs.php">NPC Database</a></li>
            >> <li id="si"><a href="/shops.php">Shop Database</a></li>
            >>

            >> </li>
            >> <li id="fi">Tools
            >>

            >> <li id="si"><a href="/skillcalcs.php">Skill Calculators</a></li>
            >> <li id="si"><a href="/skillplanners.php">Skill Planners</a></li>
            >> <li id="si"><a href="/maxhit.php">Max Hit Calculator</a></li>
            >> <li id="si"><a href="/combatcalc.php">Combat Calculator</a></li>
            >>

            >> </li>
            >> <li id="fi">Maps
            >>

            >> <li id="si"><a href="/worldmap.php">Official World Map</a></li>
            >> <li id="si"><a href="/dungeons.php">Dungeon Maps</a></li>
            >>

            >> </li>
            >> <li id="fi">Archives
            >> <ul id="nav">
            >> <li id="si"><a href="/newsarchive.php">News Archive</a></li>
            >> <li id="si"><a href="/pollarchive.php">Poll Archive</a></li>
            >>
            >> </li>
            >> <li id="fi"><a href="/contact.php">Contact</a></li>
            >>
            >> </div>
            >>
            >> Now the main CSS code
            >>
            >> .menu ul, li {
            >> margin: 0;
            >> padding: 0;
            >> list-style-type: none;
            >> }
            >> .menu {
            >> text-align: center;
            >> font-size: 14px;
            >> height: 30px;
            >> line-height: 30px;
            >> }
            >> .menu a {
            >> text-decoration: none;
            >> color: #FFFFFF;
            >> }
            >> ul#nav {
            >> width: 100%;
            >> height: 30px;
            >> margin: 0 auto;
            >> }
            >> ul#nav li {
            >> position: relative;
            >> float: left;
            >> }
            >> #fi {
            >> width: 75px;
            >> height: 30px;
            >> cursor: pointer;
            >> }
            >> #si {
            >> width: 170px;
            >> float: left;
            >> height: 25px;
            >> line-height: 25px;
            >> border-right-width: 1px;
            >> border-bottom-width: 1px;
            >> border-left-width: 1px;
            >> border-right-style: solid;
            >> border-bottom-style: solid;
            >> border-left-style: solid;
            >> border-right-color: #000000;
            >> border-bottom-color: #000000;
            >> border-left-color: #000000;
            >> background-color: red;
            >> }
            >> ul#nav li:hover {
            >> background-color:#00FFCC;
            >> }
            >> ul#nav li ul {
            >> display: none;
            >> }
            >> ul#nav li:hover ul {
            >> display: inline;
            >> float: left;
            >> height: auto;
            >> padding: 0;
            >> margin: 0;
            >> text-align: left;
            >> }
            >> ul#nav li:hover ul li {
            >> display: block;
            >> margin: 0;
            >> padding: 0 0 0 5px;
            >> height: 100%;
            >> }
            >> ul#nav li#fi a {
            >> display: block;
            >> height: 100%;
            >> }
            >> ul#nav li#fi:hover {
            >> background-image: url(/img/fixedbar_over.png);
            >> }
            >>
            >> If you need any more code just check the page source.
            >>
            >> I know this is quite a lot to ask but I am really stuck as I cannot do it
            >> myself so any help would be greatly appreciated.
            >>
            >> Many thanks and regards,
            >>
            >> Perry Roper
            >>
            >
            >


            • 4. Re: Need Help Fixing Site for IE6
              Perry| Level 1
              Still need help.
              • 5. Re: Need Help Fixing Site for IE6
                Level 7
                You need to fix these errors
                http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.runecentral.net%2Findex.php

                --
                Jo


                "Perry|" <webforumsuser@macromedia.com> wrote in message
                news:g77v9h$kl1$1@forums.macromedia.com...
                > It's http://www.runecentral.net/index.php - http://www.runecentral.net/ is
                > redirected to the board.
                >
                > http://www.runecentral.net/index.php


                • 6. Need Help Fixing Site for IE6
                  Perry| Level 1
                  Fixed them all, (Except 4 that are unrelated with this portion of the page. No change.
                  • 7. Re: Need Help Fixing Site for IE6
                    Perry| Level 1
                    Even if someone gave me tips on how to run IE6 on Vista without using a Virtual Machine would be great.