Добрый день, есть такая задача и такая проблема.
Нужно сделать на странице рамку с однопиксельным бордером и так что бы в зависимости от контента она увеличивалась по высоте(и была еще минимальная высота).
Если контент сразу внутри этого дива, то все нормально. Но если контент расположен еще в одном диве, то wrapper не увеличивается по высоте и содержимое просто налазит на рамкуКод:#wrapper { ****margin: 5px auto; ****width: 908px; ****min-height: 1120px; ****border: 1px #EE7F00 solid; ****background-color: #fff; ****background: url('images/background.jpg'); ****background-repeat: no-repeat; }Стили внутреннего дива:
И сам код страницы:Код:#flowers_wrapper { ****width: 99%; ****float:left; ****min-height: 300px; }
Проблема эта в ФФ и Опере, ИЕ не смотрел. Возможно тут все элементарно, я просто со стилями на "вы". Буду рад помощи.Код:<!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"> <head> ****<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> ****<link href="styles.css" type=text/css rel="stylesheet"> </head> <body> <div id="wrapper"> <div id="flowers_wrapper"> ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] ********[img]images/test.png[/img] </div> </div> </body> </html>
