вот.. что то здесь не то.. нужно чтобы все компоненты растягивались по ширине в зависимости от контента DOWNLOAD NOW! HTML: <html> <head> <style type="text/css"> body { font-family: Trebuchet MS; background-color: #2C2C2C; } #all { margin:0 auto; width:1024; height: auto; } #content { display: block; width: 100%; height: auto; background: url('images/page-bg.jpg'); } #content .top { background: url('images/page-top.jpg') repeat-x; height: 25px; width: 100%; } #content .topleft { background: url('images/page-top-left.jpg') no-repeat; height: 25px; width: 31px; float: left; } #content .topright { background: url('images/page-top-right.jpg') no-repeat; height: 25px; width: 31px; float: right; } #content .botton { background: url('images/page-botton.jpg') repeat-x; height: 25px; width: 100%; } #content .bottonleft { background: url('images/page-botton-left.jpg') no-repeat; height: 25px; width: 31px; float: left; } #content .bottonright { background: url('images/page-botton-right.jpg') no-repeat; height: 25px; width: 31px; float: right; } #content .left { background: url('images/page-left.jpg') repeat-y; height: 100%; width: 31px; margin: -25px 0 -80px 0; float: left; } #content .right { background: url('images/page-right.jpg') repeat-y; height: 100%; width: 31px; margin: -25px 0 -50px 0; float: right; } #content .cen { padding: 8px; } #content .general { width: 100%; height: 100%; margin: 0 0 -50px 0; } #content .center { width: auto; height: auto; } </style> </head> <body> <div id="all"> <div id="content"> <div> <div class="top"> <div class="topleft"></div> <div class="topright"></div> </div> </div> <div class="general"> <div class="left"></div> <div class="right"></div> <div class="cen"> <div class="center">TEST</div> </div> </div> <div> <div class="botton"> <div class="bottonleft"></div> <div class="bottonright"></div> </div> </div> </div> </div> </body> </html>
Ну не понятно. Как это? Какие компоненты? Контейнер "div" с классом "center" чтобы зависел от длины текста "TEST"? Есть макет, к чему стремитесь?
центральный див растягивается а вокруг него картинки.. сверху и снизу не растягиваются, а вот по бокам растягивается также как центр ширина фиксирована 1024px высота в зависимости от контента (TEST - заместо него будет страница)
ппц. Тут нужен мануальный терапевт )) В этом коде растягивается по ширине 1024px всё, для чего установлена ширина 1024px или 100%. Всё, для чего установлена фиксированная ширина меньше 1024px, растягивается так, как и должно. Код написан без ошибок и кривостей, разве что непонятно, зачем помеченные классом div "botton" (такого слова, кстати, в английском языке нет) и "top" вложены в другой див, не помеченный вообще ничем и не имеющий никаких свойств.
"вокруг него картинки.." - как именно? типа широкой рамки вокруг или весь бэкраунд в повторяющейся картинке, или от краев центрального контейнера до краев окна браузера? От этого вопроса зависит, как вообще верстать.
я уже решил проблему.. дело в том что див не может узнать как растянется див О_0 короче я просто вставил в центр таблицу и всё заработало =)
Ага. Мода, ведь, влияет на спрос и на технологии (поиска роботами фраз, например). Семантика стала модной, появился CSS2, вот и табличная верстка устарела. Не согласен?
да ну на.. тока начал, а уже устарело =! пойду повешусь =) YSandro и как же вы предложите это обойти не используя таблиц
Ничего страшного. У тебя получилось таблицей сделать - хорошо. Теперь можно переходить на div+css верстку Тут хороший человек постарался, даже тему сделал, пример: http://www.php.ru/forum/viewtopic.php?t=32163 Но вам по-другому надо, потому спрашивал чуть ранее
нет. сказки слышал про роботов, но роботам настолько чхать на таблицы и дивы, что словами это не передать. Может в хтмл5 это и начнет сказываться, но семантика к роботам отношения не имеет. она нужна для умной обработки инфы перед показом человеку. А не для индексации.