SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2006
    Posts
    186
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Site looks fine in firefox, not so good in IE...

    If anyone could help with this I would really appreciate it. This is driving me crazy.

    The site I'm working on: http://www.frontgallery.com/jimragland/

    Appears fine in Firefox (mac and pc), IE5 (mac), and Safari (mac), BUT looks terrible in IE6 (PC).

    Problems I'm having in IE6 PC are:
    -Left column is cut in half
    -Padding is too big for the center menu items

    Here is my css file: http://www.frontgallery.com/jimragland/main.css
    I had to mess around with the margins a lot and use negative margins to get it to display right in firefox. So, maybe thats the problem.

    Thanks in advance!
    -Gabe

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    HI,

    You need to add position releative to the navigation in ordetr for ie to behave and then force "layout" on your quoteslist by using a dimension.

    Code:
    #navigation{float:left;width:250px;margin-left:-805px;position:relative;}
    #quoteslist,#quoteslist2 {width:100%}
    

    You need to do simliar for your midnav and give the list and and anchor the height:1% hack. You have also placed a margin-bottom of 2px on the anchor and the list which adds up to 4px except that mozilla will collapse the margin down to 2px instead.

    Just apply the margin to one of the elements.

    Code:
    /* mac hide \*/
    #midnav li,#midnav li a{height:1%}
    /* end hide*/
    #midnav ul li, #midnav ul li a
    {
     display: block;
     padding: 0;
     line-height: normal;
    }
    #midnav ul li{margin-bottom:2px;}
    #midnav ul li a
    {
     display: block;
     padding: 2px 5px 3px 5px;
    }


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
  •