Добрый вечер! Есть такая проблема: хочу построить двух колоночный сайтик на divах. подскажите как обуздать iexplorer. В opere и firefox все работает, в iexplorer разваливается оптикание по левому краю! Кто сталкивался подскажите плиз, а то просто опыта как такового не имею :-(!!!! Заранее спасибо! код HTML: <!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=utf-8" /> <title>foto</title> <link rel="stylesheet" type="text/css" href="stile.css"> </head> <body> <div id="contener"> drtg <div id="header"> sdfsdfsdf </div> <div id="left"> left vtywqqweqweqw qweqwe qweqwe qweqwewq qweqweqw qweqweqw qweqwe qweqweqwe qweqweqwe qweqweqw qwewqeqwe qwewqeqweq qwqweqweq </div> <div id="content"> sdfsdfsdfsd dsfsdfsdfsdfsdfsdf dfgdfgdfgdfgfdg dfgdfgdfdfg dfgdfgdfgdfg dfgdfgdfg dfgdfgdfgdf dfgdfgdfg dfgdfgdfg dfgdfgdfgdfg dfgdfgdfgdfg </div> <div id="clear"></div> <div id="footer"> footer </div> </div> </body> </html> код css [css] body,html { margin: 0px; padding: 0px; } #contener { width:82%; margin: 0 auto; border-left: 1px solid red; border-right: 1px solid red; border-top:1px solid red; border-bottom: 1px solid red; } #header { width: 100%; background-color: #33FF00; } #left { width: 20%; background-color: #FF0066; float: left; } #content { width: 88%; background-color: #FF9933; margin-left: 100px; } #clear { height: 0; font-size: 1px; line-height: 0px; background-color: #993399; clear: both; } #footer { width:100%; background-color: #99CC33; } [/css]
В #contener обязательно добавь [css]overflow: hidden;[/css] Замени содержимое #content на [css] { float:left; width: 80%; background-color: #FF9933; }[/css]