Блоки в IE прыгают на новую строку?

Victor_One · October 1, 2007

Здравствуйте! Подскажите кто-нибудь пожалуйста?

Такой код отображается по разному.

В IE блоки прыгают на новую строку, при уменьшении размера окна.

Что можно сделать, чтобы они стояли неподвижно?

.news{
height: 272px;
width:190px;
float:left;
background-color:red;
}
.content_menu{

width: 660px;
background-color:green;
}
.text_block{

float: none;
background-color:#333;
width: 750px;
height: 500px;}

<div class="news">dfgdgfsd  adf ad fasdif aisudfo aiu</div>

<div class="content_menu">dfgdgfsd <h1>При уменьшении окна этот блок съезжает вниз.</h1>  uhaifu haiufh aiue fau ef</div>

<div class="text_block">dfgdgfsd  adf ad fasdif aisudfo a<h1>B этот блок тоже съезжает вниз.</h1></div>

Заранее спасибо!

Vlad · October 2, 2007

В остальных браузерах не "прыгает"?

Victor_One · October 2, 2007

Opera и FireFox - не "прыгает".

Еще, IE воспринимает float по-другому. Проблема может быть в этом.

Но как отучить-то?

Vlad · October 2, 2007

Либо добавь к .content_menu float: left, либо margin-left.

Dimitry Wolotko · October 2, 2007

Проблемы с версткой

Scrum · October 2, 2007

вроде так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
 <title></title>
 <style type="text/css">
 /*<![CDATA[*/
 html, body {
 margin: 0;
 padding: 0;
 color: #fff;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 }
 h1 {
 font-size: 16px;
 margin: 0px;
 }
 #carrier {
 float: left;
 width: 100%;
 background-color: #404040;
 }
 .news {
 width: 190px;
 margin: 3px;
 padding: 5px;
 border: 1px solid gray;
 float: left;
 }
 .menu, .text {
 border-bottom: 1px dotted gray;
 margin: 3px 3px 3px 219px;
 }
 /*]]>*/
 </style>
</head>

<body>
 <div id="carrier">
 <div class="news">
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
 </div>
 <div class="menu">
 <h1>При уменьшении окна этот блок съезжает вниз.</h1>
 </div>
 <div class="text">
 <h1>B этот блок тоже съезжает вниз.</h1>
 </div>
 </div>
</body>

</html>

Victor_One · October 2, 2007

Спасибо.

Sign In

Блоки в IE прыгают на новую строку?

Question

Victor_One

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Victor_One

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Victor_One

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information