2 div по центру и в них рисунки

ros.pro · March 26, 2008

В общем такая проблемка: есть 2 дива, расположенных по середине и в каждом из них по изображению размером 1024 на 768. В ксс прописанно overflow: hidden(для ие _overflow-x:hidden; _overflow-y:visible).

.block_content_2{
float: left;
width: 50%;
min-height: 150px;
overflow: hidden;

_height: 150px;
_overflow-x:hidden;
_overflow-y:visible;
}
.block_content_3{
min-height: 150px;
overflow: hidden;

_height: 150px;
_overflow-x:hidden;
_overflow-y:visible;
}

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

Заранее благодарен за помощь.

Azadi · March 28, 2008

Совершенно не понял вашей задумки, но, как мне кажется, вы хотели такого поведения:

<style type="text/css">
* {
 padding:0;
 margin:0;
 border:0;
}
.block_content_2{
float: left;
width: 50%;
min-height: 150px;
overflow: hidden;

_height: 150px;
_overflow-x:hidden;
_overflow-y:visible;
}
</style>
</head>

<body>

<div class="block_content_2">
<img src="1.jpg" width="1024" />
</div>
<div class="block_content_2">
<img src="1.jpg" width="1024" />
</div>

</body>

ros.pro · March 29, 2008

а что значит вот этот кусок?

* {

padding:0;

margin:0;

border:0;

}

Dimitry Wolotko · March 29, 2008

Обнуляет отступы и бордеры.

homm · March 29, 2008

ros.pro said:
а что значит вот этот кусок?
* {
padding:0;
margin:0;
border:0;
}

Не слкдует применять его в таком виде в реальных проектах.

Dimitry Wolotko · March 29, 2008

Почему? оО

yopopt · March 29, 2008

o_O

homm · March 29, 2008

Dimitry Wolotko said:
Почему? оО

Потому что есть элементы, которым нужны marging и padding по умолчанию, ul ol например, или заголовки.

Dimitry Wolotko · March 29, 2008

Управлять элементами должен ты, а не браузер.

yopopt, или я ошибаюсь?

yopopt · March 29, 2008

Dimitry Wolotko said:
Управлять элементами должен ты, а не браузер.

Я полностью согласен.

to homm

У одинаковых элементов в различных браузерах могут быть разные отступы. И не факт что следующая версия браузера будет ставить тот же отступ что и предыдущая. При обнулении же отступов мы имеем больший контроль над отображением страницы.

Sign In

2 div по центру и в них рисунки

Question

ros.pro

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Azadi

Link to comment

Share on other sites

ros.pro

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information