Hi Guys,
This is my first posting.
For clearing floats other reference which could be checked are :
http://reference.sitepoint.com/css/floatclear
Also the book Everything You Know About CSS is Wrong page 26
onwards there is material
regards
dhanishth
At 02:06 PM 1/23/2009, you
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
Damian probably gave you your answer, but I'll also say that if you
review the original documentation from http://www.positioniseverything.net/easyclearing.html
for the code you're using, you'll see that they recommend
conditional comments to trigger hasLayout. In your case, in the head
Just to correct Todd's reply, the :after property isnt support by either
IE7 or IE6 (and below), therefore you would need to adjust your CSS to
state (assuming you're using a CSS hack, for ease of display):
#NameofContainingDiv {
*zoom: 1;
/* all your other styles for the element */
}
ack.. sincere apologies. If you view positioniseverything.net, they
use a class of clearfix for this fix, and I think it is poor practice
to add mark-up to help IE behave. However, David is correct, as i
copied and pasted without checking myself. So the :after should have
been left out for
Thanks for your replies.
Non-expanding div issue
I removed the :after stuff altogether (which initially broke the
layout in Mac browsers)
This fixed IE7:
*:first-child+html .catalogueMid, *:first-child+html .subscribeMid
{ overflow: hidden; }
Adding the following styles to the
