SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Zealot mdavis1982's Avatar
    Join Date
    Mar 2004
    Location
    Stoke-on-Trent
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Bold Causing Float To Go Lower

    Hi all...

    I am currently designing this web site: http://yellowduckdesign.co.uk/ydd/

    My problem is that the bold list items (done with CSS changing the <em> attribute) is causing the left box (the 'bronze plan') and the right box (the 'bespoke plan') to have a doubled hand margin on the side that it is floating.

    Does anyone know why and whether or not I can fix it easily?

    Thanks in advance guys...

    Matt

  2. #2
    SitePoint Zealot mdavis1982's Avatar
    Join Date
    Mar 2004
    Location
    Stoke-on-Trent
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just as a quick note, too... This is only happening in 5.5... It works fine in IE 6.0 and 7.0!

    Thanks!

  3. #3
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I wouldn't worry about it too much if it doesn't look too bad...
    http://www.w3schools.com/browsers/browsers_stats.asp
    It has yet to be proven that intelligence has any survival value.
    Arthur C. Clarke

  4. #4
    SitePoint Zealot mdavis1982's Avatar
    Join Date
    Mar 2004
    Location
    Stoke-on-Trent
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Rob...

    Unfortunately, I have to support IE 5.5... And it looks horrendous in there! Any thoughts on why it's happening, and how I could get it to work?

    Thanks!

  5. #5
    SitePoint Zealot mdavis1982's Avatar
    Join Date
    Mar 2004
    Location
    Stoke-on-Trent
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually, don't worry guys... I don't like the bold anyway so I've removed it!

    Thanks anyway!

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,342
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Where are we looking?

    I can't see any difference between ie5.5 and 6 so I must be looking in the wrong place

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,342
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    so I've removed it!
    ahh... that explains it

    I could probably fix it if you want.

  8. #8
    SitePoint Zealot mdavis1982's Avatar
    Join Date
    Mar 2004
    Location
    Stoke-on-Trent
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul:

    I have fixed my problems and my site is now looking fine in IE 5.5 and 6.0.. However, I'm using LitmusApp.com to view the sites, and wondered if you could maybe have a look at it to make sure it works as I can't physically test them.

    The URL is http://yellowduckdesign.co.uk/ydd/

    Thanks!

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

    I've had a quick look and it looks pretty good in ie5.5 - 7. There are some minor spacing differences in 5.5. but nothing to worry about.

    There are a few problems in IE5 but I assume you are not worried about those anyway.

  10. #10
    SitePoint Zealot mdavis1982's Avatar
    Join Date
    Mar 2004
    Location
    Stoke-on-Trent
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul...

    Are the spacing differences anything I should be aware of? And if so, how do I fix them?

    I'm not supporting IE 5.0 any more... It's too much hassle!

    Thanks again...

    Matt

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

    The spacing was under the right nav where you have the dotted line and is actually evident in Ie6 also. It's cause because you have used a horizontal rule (hr) and Ie won't collapse the margins on a hr so you will always bet more space around it than any other browser no matter what you do.

    That's why I never use the hr. There's is often no need anyway as the dotted border could simply placed on one of the existing elements anyway and save some html


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
  •