webstark
-
Posts
4 -
Joined
-
Last visited
webstark's Achievements
Explorer (1/14)
0
Reputation
-
Ок, переверстаю используя float'ы.
-
Выложил сырую заготовку на тестовый хостинг. Вот страница с проблемой: http://spyselect.com/content/%D0%BC%D1%8B-%D0%BE%D1%82%D0%BA%D1%80%D1%8B%D0%BB%D0%B8%D1%81%D1%8C-0 А вообще вопрос: есть фоновая картинка, нужно что бы верх и низ были статичны, а середина тянулась. Как лучше реализовать?
-
Недостаточно того, что я привёл? Тогда вот чуть больше: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>"> <head> <title><?php print $head_title; ?></title> <?php print $head; ?> <?php print $styles; ?> <?php print $scripts; ?> </head> <body class="<?php print $classes; ?>"> <div id="cover"> <div id="covertop"> <div id="maintop"> ....................................... </div> .................................... <div id="maincenter"> <div id="centerleft"> <?php print $sidebar_first; ?> </div> <div id="centercenter"> <div id="cctop"> <?php print $highlight; ?> <?php print $breadcrumb; ?> <?php if ($title): ?> <h1 class="title"><?php print $title; ?></h1> <?php endif; ?> <?php print $messages; ?> <?php if ($tabs): ?> <div class="tabs"><?php print $tabs; ?></div> <?php endif; ?> <?php print $help; ?> <?php print $content_top; ?> <?php print $content; ?> </div> <div id="ccmid"> </div> <div id="ccbottom"> <?php print $content_bottom; ?> </div> </div> <dir id="centerright"> <?php print $sidebar_second; ?> </dir> </div> </div> <div id="coverbot"> <div id="mainbottom"> <?php print $main_center_bottom; ?> <?php print $footer; ?> </div> .............................................. </div> </div> </body> </html> Вот css (только кусок с background'ами): #cover { background-image: url("../images/line.png"); background-repeat: repeat-y; margin-left: auto; margin-right: auto; position: relative; width: 1191px; } #covertop { background-image: url("../images/top.png"); background-repeat: no-repeat; height: 802px; } #coverbot { background-image: url("../images/bottom.png"); background-repeat: no-repeat; height: 332px; }
-
Имеется страничка: <div id="cover"> <div id="top"> ......... </div> <div id="bottom"> .......... </div> </div> Для cover прописано в css background шириной в сайт и высотой в 1 пиксель с репитом y. Для top и bottom соответственно background верхней и нижней части сайта. Идея была в том, что бы когда контент больше высоты top, то он двигает bottom, а пустое место заполняется background'ом от cover. Но оно не работает, т.е. если я явно прописываю высоту какого-нибудь вложенного div'а, то всё ок, а если нет, то контент просто налезает на bottom и лезет дальше вниз. Как сделать правильно?