Narlie
-
Posts
2 -
Joined
-
Last visited
Narlie's Achievements
Explorer (1/14)
0
Reputation
-
Проблема с отображением пачки дивов, идущих друг за другом, имеющие идентичный код. Проблема только с первым... и только в ИЕ! .messages { min-height: 100%; margin-left:214px; margin-right:10px; _margin-right:7px; _margin-left: 8px; background-color:#C1EEC7; padding:3px; } .letter { background-color: #F9FDFA; height:24px; margin-left: 5px; margin-right: 5px; margin-top:1px; position:relative; overflow: hidden; } <div class="messages"> <div class="letter"> <table width="100%"> <tr> <td align="center" class="chckbox"><input type="checkbox"/></td> <td class="name">Вася Пупкин</td> <td class="subject"><span id="subject">Re: ОК!</span><span id="body_message"> - Привет! Я тут подумал...</span></td> <td align="right" class="date"><span id="date">12:38:11 12 сентября 2007</span></td> </tr> </table> </div> <div class="letter"> <table width="100%"> <tr> <td align="center" class="chckbox"><input type="checkbox"/></td> <td class="name">Головач Лена</td> <td class="subject"><span id="subject">Re: Идинах!</span><span id="body_message"> - Ну ты и гавно...</span></td> <td align="right" class="date"><span id="date">15:35:12 18 мая 2006</span></td> </tr> </table> </div> ...и так далее одинаково Структура div messages[div letter[table,table,table...]] Прилагаю картинку принтскрин. тут http://ifolder.ru/5996774 Просьба не отправлять меня сюда http://neveragainblog.com.ua/archives/45 ибо с этими тремя пикселями я тоже протрахался!
-
HTML <body> <div class="header">шапко</div> <div class="main"> <div class="left"> <div class="write">проверить</div> <div class="read">напысать</div> <div class="menu">меню</div> </div> <div class="right"> <div class="messages"> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> </div> </div> </div> <div class="footer">футер</div> </body> </html> CSS *{ padding: 0; margin: 0; } html { height: 100%; } body { height: auto !important; height: 100%; min-height: 100%; position: relative; } .header { background-color:#66CC99; width: 100%; } .main { position:relative; } .left { float: left; position:relative; width: 200px; } .read { width: 200px; background-color:#FF9900; } .write { width: 200px; background-color:#66CC00; } .menu { width: 200px; background-color:#669900; } .right { float:inherit; } .messages { height:auto; margin-left:200px; background-color:#FFFF00; } .letter { margin:0px; padding:0px; } .footer { position: absolute; width:100%; background-color:#FFCC66; left: 0; bottom: 0; } Короче в Мозилле и Опере вс? шикарно! В ИЕ косяк ... Вот скрин как должно быть и как отображается в мозилле и опере http://dump.ru/files/o/o812852292/ А вот скрин как в ИЕ http://dump.ru/files/o/o0931749/ На котором видно что из неоткуда берутся 3 пикселя... напротив меню перед словами "письмо" Помогите плиз!