Помогите решить проблему с Margin и Border

[WWW.ZEOS.IN 1 161]

Сайт: www.zeos.in

Пожалуйста, помогите решить проблему

Когда BORDER = 1, то всё ок

<div style="border: 1px solid red; background-color: red;">

	<div style="background-color: #e8e8e8; margin: 200px;">

		<br /><br /><br /><br />|content| <br /><br /><br /><br /><br />

	</div>

</div>

Как только делаю BORDER = 0, то MARGIN сверху и снизу пропадают, точнее пропадает красный цвет. С картинками тоже самое

<div style="border: 0px solid red; background-color: red;">

	<div style="background-color: #e8e8e8; margin: 200px;">

		<br /><br /><br /><br />|content| <br /><br /><br /><br /><br />

	</div>

</div>

Как это решить? Что это за глюк? Во всех браузерах одинаково

[baxus 49]

Ну полагаю что просто нужно делать бордюр нулевым не так.

Найти

boreder:1px solid red;

заменить на

border:0px solid red;

а вот так

найти:

boreder:1px solid red;

заменить на:

на заменить.

У браузеров процесс перегревается когда они пытаются бордюр в 0 пикселей сделать солидом да ещё и красным цветом.

[WWW.ZEOS.IN 1 161]

Извини, но ничего не понял, что ты написал

Даже если делать бордер не в ноль, а вообще удалить, то всё равно тоже самое

Вижу вариант сделать бордер прозрачным в 1 пиксель.

border: 1px solid transparent;

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

[prikindel 255]

попробуй заменить

<div style="background-color: #e8e8e8; margin: 200px;">

на

<div style="background-color: #e8e8e8; margin: 200px 200px 200px 200px;">

[WWW.ZEOS.IN 1 161]

Пробовал Это не помогает.

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

[celsoft 6 072]

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

Физические размеры родительского слоя нужно задавать. Кто вам сказал что слой без указания размеров будет занимать всю высоту? Родительский слой без указания размеров, занимает высоту контента расположенного в нем. Когда рисуется рамка браузеру нужно выдерживать margin: 200px; чтобы отрисовать корректно рамку, когда она не указана, значит нет надобности физической прорисовки слоя и его высота становиться равной высоте внутреннего слоя.

[baxus 49]

Всё таки земля круглая))

[WWW.ZEOS.IN 1 161]

Я бы задавал размер слоя, но мне надо сделать его резиновым

[celsoft 6 072]

Я бы задавал размер слоя, но мне надо сделать его резиновым

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

[WWW.ZEOS.IN 1 161]

Понял, спасибо большое