проблема с высотой сайта

madload · №1

Код:

вот собстно шаблон:

<body>
<div id="container" style="width:100%;height:100%;min-height:100%;margin:0px;">
<div id="wrapper">
<div id="content">[cp:maincontent]<div style="clear:both"></div><div style="width:600px;height:40px;margin-top:15px;margin-left:auto;margin-right:auto"><img src="[cp:mediapath]images/foter.gif" align=center></div></div></div>
<div id="extra">[cp_sysblock:7]
</div>
<div id="navigation">[cp:search][cp_navi:1]
</div>
</div>
</body>


html,body{margin:0;padding:0;background:url(../images/ruptur_04.jpg);background-repeat:repeat-y;background-position:right top;width:100%;height:100%;}
div#wrapper{float:left;width:100%;height:100%;margin:0px;background:url(../images/ruptur_09.gif);background-repeat:repeat-y;background-position:left top;background-attachment:fixed}
div#content{height:100%;margin: 0 263px;padding:0px;padding-left:50px;padding-right:15px;min-width:200px;min-height:612px;background:url(../images/ruptur_02.jpg);background-repeat:no-repeat;background-position:left top}
div#navigation{float:left;width:200px;margin-left:-200px;height:100%}
div#extra{float:left;width:263px;margin-left:-100%;height:100%;min-height:706px;background:url(../images/ruptur_01.jpg);background-repeat:no-repeat;background-position:left top}

wrapper имеет фон повторяющийся под менюшкой (фон которой лежит в navigation)

в IE все и так уже красиво.

в мозиле 3.0.15 если не прописывать style="width:100%;height:100%;min-height:100%;margin:0px; для container то повторяющаяся текстура в wrapper повторяется ровно до окончания контента в id=content. Т.е. сайт получается в 3/4 экрана.
если прописать высоту как я сделал то текстура повторяется до конца окна браузера, если content меньше высоты окна браузера,
но если контент в conent больше чем 1 экран то текстура обрывается как раз на 100% высоты окна браузера.
а надо чтобы текстура продолжалась на всю длину. Посоветуйте что сделать чтобы боковой фон продолжался. в body уже прописан правый фоновый рисунок.

madload · №2

Решил сам. проблему -

Выделить код

Код:

для id="container" поставил width:100%;height:100%;min-height:100%;margin:0px;
для wrapper поставил height:auto;min-height:100%;

теперь IE7, Mozilla, Opera показывают правильно, но вот IE6 перестал дотягивать контейнер до конца экрана. Не нравится ему auto у wrapper

Отредактировано madload (11-11-2009 18:37:18)

Полезная информация

№111-11-2009 17:07:44