Посмотрите пожалуйста что я не так сделал во всех браузерах нормально а в IE 6 float: left принимается как clear:left из-за чего?
Это происходит с <div id="rightcn"></div>Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body {margin-left: 0px;} html, body {border:0;margin:0;padding:0;background-image: url(../img/image.jpg); background-position: right top; background-repeat: no-repeat; } #leftcn { background-image:url(../img/left_cn.gif); float:left; width:60px; height:635px;} #left{width:5%; float:left;background-image: url(../img/left_bg.gif); *} #center {width:95%; float:left; *background-image:url(../img/content_bg.gif); height:635px } #right {width:30%; float:left; height:200px; background: #848484; margin-left:-0.1px; *background-image: url(../img/right_bg.gif);height:635px;} #rightcn { *width:8px; *float: left; height:635px; background-color:#FF0000; *} #lt { background-image:url(../img/shadow1.png); width:8px; height:635px; float:right; // background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=shadow1.png, sizingMethod='scale');} #head { height:130px; width:70%; background-image:url(../img/headc.gif); float:left; *} #top2 { background:url(../img/headl.gif); height:130px; width:5%; float:left;} #lt2 { background-image: url(../img/111.gif); width:8px; height:130px; float:right;} #leftcn2 { background-image: url(../img/4.gif); float:left; width:70px; height:130px;} #leftcn3 {float:left; width:65%; height:130px; *} #rightcn2 {background-image: url(../img/shadow.png);width:8px; height:130px;float:left; // background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=shadow.png, sizingMethod='scale');****} #footer{clear:left;width:100%; height:37px; background:#000000} --> </style> </head> <body> <div id="head"> <div id="top2"> <div id="lt2"> </div> </div> <div id="leftcn2"></div> </div> <div id="rightcn2"></div> <div style="width:70%;"> <div id="left"> <div id="lt"></div> </div><div id="center"> <div id="leftcn"></div> Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы </div> </div> <div id="rightcn"></div> <div id="footer"></div> </body> </html>
Заранее спасибо.
