Most likely a lack of hasLayout triggers or layout context changes, or both.
For the coloured boxes, add overflow:hidden to the divs with classes
catalougeMid and subscribeMid. This will force them into a new layout context
and in turn expand the container to contain all elements. If you want it to
apply to IE6 and IE7 only, use a selector hack:
* html .catalogueMid, * html .subscribeMid { overflow: hidden; } /* IE6 Only */
*:first-child+html .catalogueMid, *:first-child+html .subscribeMid { overflow:
hidden; } /* IE7 Only */
I'd have to fire up a VM to look at the IE6 issue and it's late :)
Regards,
Damian Edwards
Microsoft MVP<https://mvp.support.microsoft.com/profile/Damian.Edwards> |
ASP/ASP.NET
Readify | Senior Consultant
M: 0448 545 868 | E:
[email protected]<mailto:[email protected]> | C:
[email protected]<sip:[email protected]> | W:
www.readify.net<http://www.readify.net/>
From: [email protected] [mailto:[email protected]] On
Behalf Of Henrik Madsen
Sent: Friday, 23 January 2009 19:37
To: [email protected]
Subject: [WSG] CSS IE6/7 - what a surprise
HI all,
I'm hoping there's a simple solution to my two problems.
All looks fine in Mac browsers x5 and IE8b2 (according to netrenderer) but not
in:
IE6 - Mysterious margins are appearing between the header and the top menu and
in both coloured boxes in the right hand column of the main content.
IE6+7 - the coloured boxes are not 'expanding' to contain the content (in this
case a floated image in both)
I found this CSS as an alternative to a clearing div and it seems to fix things
in other browsers - except those IE's:
#NameofContainingDiv:after {
clear: both;
content: ".";
display: block;
height: 0px;
visibility: hidden;
}
Would anyone be able to have a look?
Here's the link:
http://www.igenerator.com.au/dev/sm09/homepage.html
Any other thoughts, comments, suggestions - always appreciated.
TIA,
Henrik Madsen
Generator
[email protected]<mailto:[email protected]>
www.igenerator.com.au<http://www.igenerator.com.au/>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
