IE 9 div border. Пиксели между рамкой div и внутренними div

tritobunibuni · 29.11.2011, 11:26

Здравствуйте!
Верстка на div правильно отображается во всех браузерах, в том числе IE 8.
В 9 explorer между рамкой родительского div и рамками внутренних div вставляется пиксель со всех сторон. То есть рамка не прилегает к рамкам внутренних div.
Пробовал убрать пробелы между тегами, но не помогает. Также не помогает и указание width в родительском и min-width во внутренних div.
Ширина внутренних div - не постоянная.
Вот код.

Код HTML:

<style>
#outer {
float:left;
font-size:10pt;
font-family:Verdana;
position:relative;
border: #34C345 3px solid;
}

.intop {
text-align:center;
color:#454545;
font-weight:bold;
background:#eee;
//width:100%;
border-top: #B4B4AD 1px solid;
border-left: #B4B4AD 1px solid;
border-right: #B4B4AD 1px solid;
}
.inbot {
height:20px;
min-width:65px;
text-align:center;
background:#dda;
//width:100%;
border-bottom: #B4B4AD 1px solid;
border-left: #B4B4AD 1px solid;
border-right: #B4B4AD 1px solid;
}

</style>

<body>

<div id="outer"><div class="intop">Строка1</div><div class="inbot">строка2</div></div>
</body>

Код вставлен на сайт. И в IE 9 отображается с ненужным пикселем между рамками outer и intop, inbot.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
border: 2px groove	ddddd	HTML, CSS, JavaScript	1	02.06.2010 13:00
Разбивать фотографии в формате jpeg на пиксели?	dumaushiy	Библиотека	5	09.05.2010 20:29
Проблема с внутренними и внешними ссылками	bart	Вопросы по SEO	6	20.09.2008 01:22
Убрать пиксели	IgorQ	Растровая графика	11	10.08.2005 15:38
border	Spy	HTML, CSS, JavaScript	3	23.04.2003 20:12

29.11.2011, 11:26	#1
tritobunibuni	Здравствуйте! Верстка на div правильно отображается во всех браузерах, в том числе IE 8. В 9 explorer между рамкой родительского div и рамками внутренних div вставляется пиксель со всех сторон. То есть рамка не прилегает к рамкам внутренних div. Пробовал убрать пробелы между тегами, но не помогает. Также не помогает и указание width в родительском и min-width во внутренних div. Ширина внутренних div - не постоянная. Вот код. Код HTML: <style> #outer { float:left; font-size:10pt; font-family:Verdana; position:relative; border: #34C345 3px solid; } .intop { text-align:center; color:#454545; font-weight:bold; background:#eee; //width:100%; border-top: #B4B4AD 1px solid; border-left: #B4B4AD 1px solid; border-right: #B4B4AD 1px solid; } .inbot { height:20px; min-width:65px; text-align:center; background:#dda; //width:100%; border-bottom: #B4B4AD 1px solid; border-left: #B4B4AD 1px solid; border-right: #B4B4AD 1px solid; } </style> <body> <div id="outer"><div class="intop">Строка1</div><div class="inbot">строка2</div></div> </body> Код вставлен на сайт. И в IE 9 отображается с ненужным пикселем между рамками outer и intop, inbot.