SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: IE CSS Bug

  1. #1
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question IE CSS Bug

    Hi,
    I have some problems with this site: maximilianschoening[dot]com/alpha

    Everything looks fine in FF and Safari but not in IE (5.5, 6, 7). There seems to be a bug with the bottom padding. Has anybody got a clue?

    Thanks,
    Max

  2. #2
    SitePoint Guru
    Join Date
    Nov 2005
    Location
    Norway
    Posts
    715
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Moving the padding: 10px from .box-top to .box-bottom instead made it look fine in IE as well. I have no good explanation why that is .

  3. #3
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    that doesn't really help. The rounded corners don't work if I do that. I do agree that the problem with the bottom padding is solved but the top corners don't appear correctly...

  4. #4
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi mschoening, Welcome to SitePoint!

    You are having a haslayout issue with IE. The simplest way for an element to gain a layout is for it to have a dimensional CSS property applied—for example, a width or height.

    If you will give a width to your .box_top it will work in IE. Your #wrapper is 600px less 20px padding on left and right. You also have 10px padding left and right on the .box_top, so take out another 20px and that gives you 540px on the .box_top div.

    Code:
       .box_top {
            background: url(../images/box_bg_top.gif) left top no-repeat;
            padding: 10px;
            width:540px;
        }
    Give that a try , It worked when the images were disabled.

  5. #5
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, worked like a charm!

  6. #6
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Your Welcome!

    Haslayout is one of the most common IE problems, I have encountered two of them within the last hour.


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
  •