Проблема со слоями

stosen · February 18, 2009

Начал осваивать верстку слоями. Помогите, плиз, решить такую проблемку...

Есть основной слой - контейнер, который выравнивается по центру страницы. В нем (подобно ячейкам таблицы) есть слои.

Во всех браузерах смотрится нормально. Только в IE видно разрыв между слоями, и то разрыв только между нижними и верхними слоями, между соседними слоями разрыва нет.

<head>
<style>
* {padding: 0px;margin: 0px;}

#main {
width: 970px;
height: 150px;
margin-left: auto;
margin-right: auto;
background: blue;
}

#title1 {
float: left;
width: 50px;
height: 50px;
background: #99FF00;
}

#title2 {
float: left;
height: 50px;
width: 50px;
background: #00FF66;
}

#title3 {
float: left;
clear: right;
height: 50px;
width: 50px;
background: #99FF00;
}

#title4 {
float: left;
height: 50px;
width: 50px;
background: #00FF66;
}

</style>
</head>

<body>
<div id="main">
<div id="title1">j</div>
<div id="title2">k</div>
<div id="title3">l</div>
<div id="title4">o</div>
</div>
</body>
</html>

Victor Ananiev · February 18, 2009

разрыв случайно не 3 пикселя?

Tokolist · February 18, 2009

stosen

Приведенный вами код у меня одинаково отображается во всех популярных браузерах.

ote4ek · February 19, 2009

разрыв случайно не 3 пикселя?

кстати,что это значит,как избавится?)дримвьювер иногда пишет разрыв текста в 3 пикселяю...

ZoNT · February 19, 2009

Иди в поиск со словами "трёхпиксельный баг ИЕ"

stosen · February 19, 2009

Спасибо за ответы. Да разрыв действительно в 3 пикселя.

Проблему решил добавив:

	 margin-top: -3px;

Sign In

Проблема со слоями

Question

stosen

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

ote4ek

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

stosen

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information