Results 1 to 3 of 3

Thread: Why the menu is shown differently in IE?

  1. #1
    Join Date
    Aug 2006
    Posts
    70
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Why the menu is shown differently in IE?

    Hi to all,
    I'm making a forum and I have a menu (made with some css code)! In mozilla it is shown as I expected, but when I try to open that page with Internet Explorer it is not shown properly! Here's the css code and the html part:
    HTML Code:
    ====
    css
    ====
    a.fixed
    {
    float:center;
    width:6em;
    text-decoration:none;
    color:black;
    background-color:white;
    padding:0.2em 0.6em;
    border-right:1px solid white;
    text-align: center;
    }
    a.fixed:hover {text-decoration: underline}
    ========
    end of css
    ========
    =======
    html part
    =======
    <center>
    <a href="./index.php" class="fixed">Main Page of Forum</a>
    <a href="./register.php?action=signup" class="fixed">Register to Forum</a>
    <a href="./log.php" class="fixed">Log-in to Forum</a>
    <a href="./logout.php" class="fixed">Logout []</a>
    <a href="./cp.php" class="fixed">Control Panel</a>
    <a href="./members.php" class="fixed">Members Page</a>
    <a href=".faqs.php" class="fixed">Forum FAQs</a>
    <a href="./top.php" class="fixed">Top Ten Posters</a>
    <a href="./search.php" class="fixed">Search Forums</a>
    <a href="./sitemap.php" class="fixed">Forum Sitemap</a>
    </p><br></center>
    =========
    end of html
    =========
    Mozilla1.jpg ->how it is shown in Mozilla
    IE.jpg->how it is shown in Internet Explorer

    Could anyone tell me why is this happening?

    Thanks in advance!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Either or both of the red highlighted styles are likely to be causing this:

    Code:
    float:center;
    width:6em;
    text-decoration:none;
    color:black;
    background-color:white;
    padding:0.2em 0.6em;
    border-right:1px solid white;
    text-align: center;
    Also, float:center is meaningless, get rid of it. The problem with the width is that it may be too narrow, causing the text to wrap, increase it gradually and see what happens. The text-align:center is problematical, it is better to use margin:0 auto; but, this requires at least an HTML 4.01 transitional DOCTYPE in IE. It actually might not be a problem though, the text-align:center, once there is enough width available.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2006
    Posts
    70
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks man!! BTW it was the first one!!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •