volse6nik
-
Posts
11 -
Joined
-
Last visited
volse6nik's Achievements
Explorer (1/14)
0
Reputation
-
да но у меня wrapper стоит по середине и поэтому я не могу ему задать float:left; следовательно если баннеру задать float:left; то тогда баннер будет по левой стороне а wrapper окажется из под него., вот мой код, извиняюсь что сразу не послал: HTML <body> <div id="banner"></div><!-- #banner --> <div id="wrapper"> <div id="header"> <div id="logo"></div><!-- #logo--> <div id="topmenu"></div><!-- #topmenu--> </div><!-- #header--> <div id="content"></div><!-- #content--> </div><!-- #wrapper --> <div id="footer"></div><!-- #footer --> </body> CSS * { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; } #banner { width: 150; float: right; padding-right: 5%; /* пока что сделал таким образом но еще не проверял как это будет с разным разрешением */ } #wrapper { width: 800px; margin: 0 auto; /* wrapper по середине */ min-width: 800px; min-height: 100%; height: auto !important; height: 100%; } /* Header —————————————————————————--*/ #header { height: 225px; } /* Topmenu —————————————————————————--*/ #topmenu { height: 40px; } /* Middle —————————————————————————--*/ #content { padding-top: 20px; } /* Footer —————————————————————————--*/ #footer { width: 800px; margin: -30px auto 0; height: 30px; position: relative; }
-
Извините, но не совсем понятно что вы точно имеете в виду, вы не могли бы немного по подробнее? Как иначе люди реализуют подобные вещи? Видил такие шаблоны 100 раз, которые имееют место для баннера "вне сайта"
-
Здравствуйте! Создал сайт который целиком находится в блоке wrapper и теперь хочу создать специальное место под баннер, например такой блок можно встретить во мноджество шаблонов. Бок находится как бы отсраненно от сайта. Пробовал и так и эдак, например если блоку banner задать float:right и скажем некий margin-right или padding-right, то наш блок будет выглядить по разному в зависимости разрешения экрана пользователей. Сам же wrapper всегда по середине, вне зависимости разрешения экрана. Тут нужно как бы разместить блок для баннера с права и задать ему отступление не от окна браузера, а от самого wrapper-а Народ посоветуйте пожалуйста какой-нибудь код, так как сама логика мне вроде понятна, но не хватает знания в css
-
Проблема решена, оказывается достаточно было прописать background-color: #FFF; для #wrapper и визуально результат один и тот же
-
Cerberus, я попробовал первый код и вроде бы помогло, но при значении height: 63%; для #content сам контент растягивается не до конца подвала, то есть опять остается видимый кусок текстуры, а если использовать height: 100%; то тогда контент даже перелетает подвал. Также нет смысла писать height: 68%; что оптимально для Firefox но вот уже на IE8 уже опять торчит кусок текстуры
-
Совершенно верно, так как если его не растянуть то тогда видна текстура!
-
немного поторопился с ответом, пытаюсь решить проблему...
-
Вот css код, а сам сайт к сожалению пока что на локалке... * { margin: 0; padding: 0; } html { height: 100%; } body { font: 14px/18px Verdana,Geneva,sans-serif; height: 100%; color: #450000; background-image: url(../images/bgbody.jpg); /* теневая текстура размером 1035х5 */ background-repeat: repeat-y; /* повторение текстуры по вертикали */ background-position: 50% 0; /* позиция текстуры на 50% по горизонтали и 0 по вертикали */ } #wrapper { width: 1000px; margin: 0 auto; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%; border-left: 1px solid #450000; border-right: 1px solid #450000; } /* Header —————————————————————————--*/ #header { height: 226px; background: #FFF9AE; } /* Middle —————————————————————————--*/ #content { padding-top: 20px; background-color: #FFF; } /* Footer —————————————————————————--*/ #footer { width: 1000px; margin: -30px auto 0; height: 30px; background: #BFF08E; position: relative; border-top-width: 3px; border-top-style: solid; border-top-color: #B5985A; border-left: 1px solid #450000; border-right: 1px solid #450000; background-color: #450000; } А вот html на всякий, вырезал все лишнее для наглядности... <body> <div id="banner"></div><!-- #banner --> <div id="wrapper"> <div id="header"></div><!-- #header--> <div id="content"></div><!-- #content--> </div><!-- #wrapper --> <div id="footer"></div><!-- #footer --> </body> </html>
-
Здравствуйте! Возникла проблема которую не могу решить, вернее не хватает знаний в области css., сам макет делал с помощью всем известного http://csstemplater.com/ и выбрал опцию "прижать футер к подвалу". В результате чего футер прижался, но контейнер так и не расстегнулся до футера. Затем с помощью текстуры решил создать тень по бокам и вот тут и возникла головная боль, пробовал и так и эдак., пожалуйста помогите решить проблему, буду очень признателен.
-
А ну да, получилось и все выглядит как нужно, спасибо Ну а все же чисто ради интереса, существует ли возможность задать автоматическую высоту не самого содержимого блока div, а самого div-а? P.S Может не совсем по теме, но так же мне не совсем понятна логика прижатия подвала к низу браузера. Да нет я читал, в интернете существует 100 способов как это можно сделать, только вот прописать код все могут а вот понять логику (что является самым главным) не все могут. Может кто-нибудь растолкует в двух словах саму логику прижатия футера?
-
Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">Здесь располагается содержимое id "leftsidebar"</div> <div id="content"></div> <div id="rightsidebar">Здесь располагается содержимое id "rightsidebar"</div> <div id="footer"></div> </div> </body> P.S Наверное я просто не до конца понимаю логику CSS, но буду стараться