SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot SystemLogic's Avatar
    Join Date
    Jan 2001
    Location
    Northern VA
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    More FF vs. IE display issues :(

    There are two issues I'm having, the URL is www.activetuning.com/tm

    1) In IE the text/padding seems bigger on the "What We Do" box, so it ends up extending longer in IE

    2) In IE in the Who We Serve box, it is adding a space between each box.

    Here's screenshots...the top two boxes are IE (bad) the bottom is FF (good):


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

    You need to force "layout" on these elements as follows (see faq on "haslayout"):

    Code:
    #who a {
        display: block;
        color: #000;
        background-color: #FFF;
        padding: 0;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.2em;
        border: 1px solid #d3d3d3;
        margin: 0;
     width:100%;
    }
    
    
    /* mac hide \*/
    * html #what li{height:1%}
    /* end hide */
    That should make it much closer

  3. #3
    SitePoint Zealot SystemLogic's Avatar
    Join Date
    Jan 2001
    Location
    Northern VA
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok I think that fixes the issue...but not 100%.

    Those three boxes (home, home office, small business) are actually supposed to be formatted in the middle of the box through padding and margins (see www.trimegatech.com for example). When I put that formatting back in, it screws up the layout...I'm assuming since it's setting the width to 100%. Any suggestions?

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,526
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    You will have to use the height:1% hack if you can't determine the actual width.

    Add it to the other hack.

    e.g.

    Code:
    /* mac hide \*/
    * html #what li,
    * html #who a {height:1%}
    /* end hide */

  5. #5
    SitePoint Zealot SystemLogic's Avatar
    Join Date
    Jan 2001
    Location
    Northern VA
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perfect, that fixed it I didn't read the FAQ good enough.

    For those looking for the haslayout FAQ here's the link:

    http://www.sitepoint.com/forums/show...9&postcount=24


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
  •