Log in

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