www.webdeveloper.com
Results 1 to 2 of 2

Thread: IE 6 content pushed right

  1. #1
    Join Date
    Oct 2006
    Posts
    22

    IE 6 content pushed right

    In IE 6 my main and sidebar content is flush right further than it is in IE 7 and FF (i.e. it doesn't align under the header image text). I can't seem to find what is causing it to do this. Apologies if I am missing something obvious but I've checked the padding on all of the main elements there and don't see anything amiss. thanks for any help you can offer.

    http://www.brinjac.com/test/education.html

  2. #2
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Code:
    #main        { margin: 20px 25px 40px 50px; padding: 0 0 15px; width: 440px; float: left; display: inline; }
    This is a known bug in IE6 where it doubles the margin of floated elements - setting inline display cures the problem, and other browsers ignore it as a floated element is naturally block level.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles