SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Don't know what is going on?

    For some reason IE is adding a few extra pixles of padding on one of my div's. If someone could take a look that'd be great.

    website: www.geocities.com/deronsizemore/index.htm
    CSS: www.geocitieis.com/deronsizemore/deronstyle.css

    Problem: If you look at the "topwebsitecont" div IE is adding extra top padding? If you have Firefox or Mozilla, the page looks how I would like it to but IE is messing up...and for some reason only on that div...no other div I have on the site is doing this.


    Thanks

    -Deron

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

    Looks like an IE double margin bug. If you take out the image above then the problem dsappears.

    I suppose the easiest solution is just to give ie a reduced margin.
    Code:
    #topwebsitecont {
    border-top: 1px solid #6666ff;
    border-bottom: 1px dashed #6666ff;
    padding-bottom: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    clear: both;
    }
    * html #topwebsitecont {padding-top: 4px;}
    Paul

  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2004
    Location
    dunno
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Worrying about 3 pixels?

    HiroP

  4. #4
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B
    Hi,

    Looks like an IE double margin bug. If you take out the image above then the problem dsappears.

    I suppose the easiest solution is just to give ie a reduced margin.
    Code:
    #topwebsitecont {
    border-top: 1px solid #6666ff;
    border-bottom: 1px dashed #6666ff;
    padding-bottom: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    clear: both;
    }
    * html #topwebsitecont {padding-top: 4px;}
    Paul
    thanks Paul. I always forget you can assign IE specific attributes.


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
  •