Имеется разметка
и CSSКод:<html> * * <head> * * * * *<title>Страничка</title> * * * * *<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"/> * * * * *<link rel='stylesheet' href='css/style_box__.css' type='text/css'/> * * </head> * * <body> * * * * *<div id="container"> * * * * * * * <div id="main"> * * * * * * * * * *<div class="box"> * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * <div class="content"> * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *Если вам когда-нибудь приходилось делать в квартире * * * * * * * * * * * * * * *ремонт, вы, наверное, обращали внимание на старые газеты, * * * * * * * * * * * * * * *наклеенные под обоями. Как правило, пока все газеты не * * * * * * * * * * * * * * *перечитаешь, ничего другого делать не можешь. * * * * * * * * * * * * * * *Интересно же — обрывки текста, чья-то жизнь… Так и с * * * * * * * * * * * * * * *рыбой. Пока заказчик не прочтет всё, он не успокоится. * * * * * * * * * * * * </div> * * * * * * * * * *</div> * * * * * * * </div> * * * * *</div> * * </body> </html>
В результате страничка выглядит по-разному в IE и в FireFox'е c Oper'ой (в IE углы раздела box оказываются там же, где и углы раздела content.). Что я делаю неправильно? Это моя ошибка или ошибка IE? Как ее устранить или обойти?Код:div.box { * * position: relative; * * float: left; * * margin: 10px 10px 0px 0px; * * border: 1px solid #a8aeb8; * * background: #edeeef; * * padding: 30px 10px 10px 10px; * * width: 640px; } div#main > div.box {width: auto;} div.box div.componentheading { * * position: absolute; * * height: 36px; * * width: 100%; * * top: 0px; * * left: 0px; * * color: white; * * text-indent: 30px; * * background-color: #819ac9; * * font: bold 14px/36px Tahoma, Verdana, Geneva, sans-serif; } div.box > div.componentheading {background-color: #8ba3cf;} div.box div.content { * * position: relative; * * border: 1px solid #a8aeb8; * * background-color: white; * * float: left; * * padding: 10px 15px 10px 15px; * * margin: 10px 0px 0px 0px; * * width: 100%; * * font: 11px/16px Tahoma, Verdana, Geneva, sans-serif; } div.corner { * * position: absolute; * * width: 15px; * * height: 37px; } div.tl {top: -1px; left: -1px;} div.tr {top: -1px; right: -1px;} div.bl {bottom: -1px; left: -1px;} div.br {bottom: -1px; right: -1px;} div.box div.tl {background: url('../images/tlcorner.png') no-repeat top left;} div.box div.tr {background: url('../images/trcorner.png') no-repeat top right;} div.box div.bl {background: url('../images/blcorner.png') no-repeat bottom left;} div.box div.br {background: url('../images/brcorner.png') no-repeat bottom right;} div.box div.content div.tl { * background: url('../images/ibtlcorner.png') no-repeat top left; } div.box div.content div.tr { * background: url('../images/ibtrcorner.png') no-repeat top right; } div.box div.content div.bl { * background: url('../images/ibblcorner.png') no-repeat bottom left; } div.box div.content div.br { * background: url('../images/ibbrcorner.png') no-repeat bottom right; }
ну можно, да. попробую. спасибо.