View Full Version : please help to fix ie6 clearing float
ZEUS__
03-31-2009, 06:01 PM
hi,
I search, read and try nearly everything but not managed.ie7,firefox ok but on if you look at the page with ie6;
you will see footer is bottom of right column :(
I try to give <div style="clear:both;"></div>
to give #rightcolomn and #outer-wrapper also #inner-wrapper
and I try this but does not matter anything:(
please could you say to which div should be clear?
http://www.positioniseverything.net/easyclearing.html
http://img15.imageshack.us/img15/6099/17563910.jpg
here is my full css
[url[/url]
and here is my iefix.css
Lpe04
03-31-2009, 10:57 PM
Try floating it left and see what happens.
ZEUS__
03-31-2009, 10:59 PM
update:
I try this page;
http://www.positioniseverything.net/easyclearing.html#
and this
http://www.sitepoint.com/examples/clearing_floats/example2.php
but not happened anything.
I add this my css
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/*IE-mac de bu bolumu sakla \ */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* IE-mac bu bolumu saklam artik */
give the whole container divs class="clearfix" but nothing changed :(
also give the overflow:auto; but t does not matter.
in fact I don't understand which div I added this code.I tried everything
@Lpe04 thanks for reply.I didn't realize until I post this message.
which div I float?
#outer-wrapper
#rightcol
or footer
Lpe04
03-31-2009, 11:09 PM
@Lpe04 thanks for reply.I didn't realize until I post this message.
which div I float?
#outer-wrapper
#rightcol
or footer
Try it on the footer with the clear:both and see if that helps. Just a guess.
Cheers,
ZEUS__
03-31-2009, 11:17 PM
thanks but i have the clear:both
normal.css
#footer{width:100%; font-size:10px; clear:both; background-color:#603; color:#fff;}
iefix.css
#footer{height:1%;}
ZEUS__
03-31-2009, 11:47 PM
heyy,
it seems fixed now;
normal.css
#rightcol{ background:transparent; width:159px; margin-right:0px; padding-right:4px; padding-top:8px; margin-top:-24px; float:right}
#rightcol div{ position:relative; background:#222;}
iefix.css
/* This holds rightcol at top of page with third-party components (eg JEvents, and RSFiles in 5.5) */
#rightcol{ position: relative;/*absolute*/
right: 0px;
}
in iefix.css I changed position;absolute to relative.now it seems ok.
template maker write this sentence but who care;
/* This holds rightcol at top of page with third-party components (eg JEvents, and RSFiles in 5.5) */
thanksssss..:D
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.