Простой вопрос

Niemans · 20.12.2008, 03:57

вот моя проблема:

Код HTML:

<html>
<head>
<style>
#main {margin: 0px auto; width: 1000px; display: block; background-color: #fff}
</style>
</head>
<body>
<div id="main">
  <div id="1"></div>
  <div id="2"></div>
  <div id="3"></div>
</div>
</body>
</html>

если #main прописать background-color: #fff; то в лисе и сафари блок залит как то странно сверху, тогда как в ие все нормально, заливка распространяется на всю высоту страницы. вопрос в том как мне сделать, чтобы везде было нормально?

kost · 20.12.2008, 14:18

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

К вопросу о #fff -- может, просто у вас в IE цвет фона по-умолчанию белый?

Niemans · 20.12.2008, 19:16

у меня много блоков, а главный имеет ширину 1000px и в нем на разных страницах различное количество блоков с собственной высотой, и я хочу задать им общий цветовой фон, для этого прописал главному блоку белый. в ие все нормально(те при прокрутке страницы фон распространяется на всю высоту страницы), а вот во всех остальных браузерах фон только сверху с высотой около 100px

kost · 21.12.2008, 00:46

Так пропишите цвет фона для body.

Niemans · 21.12.2008, 01:49

Вот что получается в ие
http://s41.radikal.ru/i094/0812/db/a8845d497c3d.png

А вот то что в лисе и сафари
http://i016.radikal.ru/0812/c6/b4b84c03e5f0.png
http://s51.radikal.ru/i132/0812/2a/70e5ac58e1a9.png

kost · 21.12.2008, 16:32

У вас блоки float?

Почитайте про очистку после float.
http://www.positioniseverything.net/easyclearing.html

Niemans · 22.12.2008, 02:40

Спасибо за статью!
я прописал главному блоку overflow: hidden; и проблема решилась, вот так просто))

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Простой вопрос по люстре	radius	Векторный арт	6	24.12.2009 06:48
Простой вопрос по HTML	Козлова М.	HTML, CSS, JavaScript	3	14.02.2009 21:59
Простой вопрос	Frito Lay	HTML, CSS, JavaScript	4	10.01.2009 22:52
Простой сайт	noxx	Зал дебютантов	6	05.02.2007 13:52
Простой вопрос о php	DrMisha	HTML, CSS, JavaScript	7	19.08.2005 06:28

20.12.2008, 03:57	#1
Niemans	вот моя проблема: Код HTML: <html> <head> <style> #main {margin: 0px auto; width: 1000px; display: block; background-color: #fff} </style> </head> <body> <div id="main"> <div id="1"></div> <div id="2"></div> <div id="3"></div> </div> </body> </html> если #main прописать background-color: #fff; то в лисе и сафари блок залит как то странно сверху, тогда как в ие все нормально, заливка распространяется на всю высоту страницы. вопрос в том как мне сделать, чтобы везде было нормально? Последний раз редактировалось kost; 21.12.2008 в 00:45..

20.12.2008, 14:18	#2
kost	В IE как раз ненормально, так как высота вашего блока не задана. К вопросу о #fff -- может, просто у вас в IE цвет фона по-умолчанию белый?

20.12.2008, 19:16	#3
Niemans	у меня много блоков, а главный имеет ширину 1000px и в нем на разных страницах различное количество блоков с собственной высотой, и я хочу задать им общий цветовой фон, для этого прописал главному блоку белый. в ие все нормально(те при прокрутке страницы фон распространяется на всю высоту страницы), а вот во всех остальных браузерах фон только сверху с высотой около 100px

21.12.2008, 00:46	#4
kost	Так пропишите цвет фона для body.

21.12.2008, 01:49	#5
Niemans	Вот что получается в ие http://s41.radikal.ru/i094/0812/db/a8845d497c3d.png А вот то что в лисе и сафари http://i016.radikal.ru/0812/c6/b4b84c03e5f0.png http://s51.radikal.ru/i132/0812/2a/70e5ac58e1a9.png

21.12.2008, 16:32	#6
kost	У вас блоки float? Почитайте про очистку после float. http://www.positioniseverything.net/easyclearing.html

22.12.2008, 02:40	#7
Niemans	Спасибо за статью! я прописал главному блоку overflow: hidden; и проблема решилась, вот так просто))