Forums

ie6 css border spacing problem (6 posts)

  1. jonniboo
    Member
    Posted 1 year ago #

    Hi,
    My (valid) WP website looks fine in ie7, ie8 and firefox but the border sizes and spacing is out of line in ie6.

    Can anyone explain what I can do to fix this for ie6?

    Thanks very much,

    John

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    IE6's CSS box model is badly broken so you may want to look at conditional CSS.

  3. wearitwell
    Member
    Posted 1 year ago #

    I also like to use reset CSS which helped me very much with problems like these...

    It resets things like borders and margins to zero so your starting point is the same in all browsers.

  4. jonniboo
    Member
    Posted 1 year ago #

    Thanks awfully old chaps.
    I'll have a go and see if I can't sort this wretched ie6 blighter out- what!

  5. jonniboo
    Member
    Posted 1 year ago #

    Hmm.
    Have got the conditional css working but can't get rid of the weird padding effect on my divs which have rounded corner images on them.
    (the 'about' divs on home page for example.)

    They work fine except for ie6. Any ideas?

  6. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    You might want to try getting rid of any rounded corners in your IE6 sheet and then re-adjusting the padding to suit.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags