Проблема отображения содержимого слоя в IE7 и ниже

spatlet · October 9, 2009

Всем пирвет. Нужна помощь.

Вот htm:

<div id="top">Первый слой</div>

<div id="search">Второй слой</div>

</div>

Вот css:

div#top_position {

overflow:hidden;

width:990px;

height:70px;

text-align:left;

}

div#top {

float:left;

width:700px;

margin-top:15px;

padding-left:15px;

}

div#search {

width:290px;

margin-left:700px;

margin-top:25px;

padding-left:75px;

}

psywalker · October 9, 2009

в стилях для ИЕ6-7

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<title>цвц</title>
<style type="text/css">


div#top_position {
overflow:hidden;
width:990px;
height:70px;
text-align:left;

border: 1px solid #000;
}

div#top {
float:left;
width:700px;
margin-top:25px;
padding-left:15px;
}

div#search {
width:290px;
margin-left:700px;
margin-top:-20px;
padding-left:75px;
} 

</style>


  </head>

<body>
<div id="top_position">
<div id="top">Первый слой</div>
<div id="search">Второй слой</div>
</div>

</body>
</html>

Edited October 9, 2009 by psywalker

spatlet · October 9, 2009

Не помогло и рамка почему-то появилась только слево и снизу. Даже если загрузить ваш код в визуальный редактор, то водно что второй слой не отображается.

Edited October 9, 2009 by spatlet

spatlet · October 9, 2009

Не помогло и рамка почему-то появилась только слево и снизу. Даже если загрузить ваш код в визуальный редактор, то водно что второй слой не отображается.

Хотя нет. НЕ сразу разглядел разниу междк моим и вашим кодом. При том коде который предложили вы содержиоме второго слоя начало отображатся в IE7, но вот IE6 попрежнему не отображает.

psywalker · October 9, 2009

Не задавай ширину у правого блока, тогда вот так будет работать везде:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<title>цвц</title>
<style type="text/css">


div#top_position {
overflow:hidden;
width:990px;
height:70px;
text-align:left;


}

div#top {
float:left;
width:700px;

padding-left:15px;
}

div#search {

margin-left:700px;

padding-left:75px;
} 

</style>


  </head>

<body>
<div id="top_position">


	<div id="top">Первый слой</div>
	<div id="search">Второй слой</div>
</div>

</body>
</html>

spatlet · October 9, 2009

psywalker - вы просто гуру ))) Большое спасибо. Подскажите еще пожалуйста один момент. У меня слой "top_position" имеет высоту 70px и сейчас содержимое слоев "top" и "search" прижато к верху во всех браузерах. Как мне расположить содержимое слоев "top" и "search" на одном уровне и чтоб сверху был отсуп например в 15px.

psywalker · October 9, 2009

div#top_position {
overflow:hidden;
width:990px;
height:55px;
padding-top: 15px;
text-align:left;


}

spatlet · October 9, 2009

Огромнейшее Вам спасибо за помощь. Теперь все работает и отображается корректно во всех браузерах.

psywalker · October 9, 2009

Огромнейшее Вам спасибо за помощь. Теперь все работает и отображается корректно во всех браузерах.

Не за что, обращайся

Sign In

Проблема отображения содержимого слоя в IE7 и ниже

Question

spatlet

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

spatlet

Link to comment

Share on other sites

spatlet

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

spatlet

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

spatlet

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information