Hi
If you take a lookk at this <!-- m --><a class="postlink" href="http://www.premier-resin-systems.co.uk/home/">http://www.premier-resin-systems.co.uk/home/</a><!-- m --> in IE5 you will see 2 orange lines, these should have text and titles in them. Viw them in IE6, FF etc you will see what it is meant to look like.
Why is this, is it the overflow:auto; I have stuck on the productbox class?
Also the voucher image in IE6 should be a few pixels under the orange bar.
Could somone shed some light on this as it is driving me nuts!!!
Thanks for any helpConsidering the very poor CSS support in IE 5.0 and it's dwindling market share, send it an unstyled content and save yourself time and headaches.overflow:auto !important;overflow:visible;
or use the alternative method of clearing floats (clear:both)I know, but i am sure the problem I am having is very simple, it's to do with my floats I thinkGreat thanks Fang
I have seen this before - !important;
What does it do?
If I use clear:both, the whole middle section jumps down abot 100px
thanksFF uses the declaration where !important is used and will disregard the same declaration that follows it.
overflow:auto !important; use this one overflow:visible; disregard this one
IE does not understand !important so uses the last declaration.
Alternative: remove the overflow declaration and change html
<div class="productbox">
<h1>Washing Machines</h1>
<div class="floatleft">
<p>Bosch WFO2867gb 1400rpm Washing Machine</p>
<p>dfdsfdfdfdfdfdf</p>
</div>
<div class="floatright">
assasa
</div>
<div style="clear:both;"></div>
</div>
If you take a lookk at this <!-- m --><a class="postlink" href="http://www.premier-resin-systems.co.uk/home/">http://www.premier-resin-systems.co.uk/home/</a><!-- m --> in IE5 you will see 2 orange lines, these should have text and titles in them. Viw them in IE6, FF etc you will see what it is meant to look like.
Why is this, is it the overflow:auto; I have stuck on the productbox class?
Also the voucher image in IE6 should be a few pixels under the orange bar.
Could somone shed some light on this as it is driving me nuts!!!
Thanks for any helpConsidering the very poor CSS support in IE 5.0 and it's dwindling market share, send it an unstyled content and save yourself time and headaches.overflow:auto !important;overflow:visible;
or use the alternative method of clearing floats (clear:both)I know, but i am sure the problem I am having is very simple, it's to do with my floats I thinkGreat thanks Fang
I have seen this before - !important;
What does it do?
If I use clear:both, the whole middle section jumps down abot 100px
thanksFF uses the declaration where !important is used and will disregard the same declaration that follows it.
overflow:auto !important; use this one overflow:visible; disregard this one
IE does not understand !important so uses the last declaration.
Alternative: remove the overflow declaration and change html
<div class="productbox">
<h1>Washing Machines</h1>
<div class="floatleft">
<p>Bosch WFO2867gb 1400rpm Washing Machine</p>
<p>dfdsfdfdfdfdfdf</p>
</div>
<div class="floatright">
assasa
</div>
<div style="clear:both;"></div>
</div>