> Having a small problem with a page (of course the problem is only in > IE6)… basically the floated fieldsets are causing the top left corner of > the white box to fall out of position. Otherwise everything seems fine.
(Whoops, only replied to Tatham instead of the list!!)
Just had another bit of a play with your HTML and CSS... try out the following (look! no hacks!)
HTML
1. Move form tags INSIDE the 'contentInnermost' container
2. remove the clearing block 'clearer' completely
3. remove the 'sidebarBlock' class from both fieldset tags and apply to the form tag
CSS
1. add a footer rule:
div#footer {
clear: both;
}2. Within the 'Sidebar Styles' section of your style sheet, change fieldset.sidebarBlock to form.sidebarBlock
Now, you'll see the page is almost right - the only problem in IE6 is the 'content' container seems to be ignoring the 25px left-hand margin. The fix? Add
padding-bottom: 1px;
to the 'div#content' rule.
Have a look at: <http://www.stuarthomfray.co.uk/temp/WorkingPage.html>
(CSS: <http://www.stuarthomfray.co.uk/temp/WorkingCSS.css>)
As to why it seems to work, I have no idea. Anyone?
HTH
Stuart
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
