| |
|
|
| | опять у меня верстка на дивах! (см аттач) :))
Проблема вот в чем! БЛОК3 должен быть всегда справа внизу (как сделать снизу, я уже знаю, спасибо AlexSol). БЛОК 2 начинается от БЛОК1 и тянется ДО НИЗА! БЛОК1 по ширине 100%.
Проблема именно в БЛОКе2.
Вообще, как тут лучше поступить? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.03.2007 в 14:24)
| | | Ну... ээээ... два вопроса.
1) Что не так с блоком 2
2) Где у вас будет располагаться контент? (если не ошибаюсь Блок 1 - "заголовок", Блок 2 - меню,
Блок 3 - какая нить служебная инфа \контакт, копирайт, баннер\.... где контент?)
Жду... | |
| |
|
|
| |
|
|
| |
для: Valick
(04.03.2007 в 14:40)
| | | >Ну... ээээ... два вопроса.
>1) Что не так с блоком 2
>2) Где у вас будет располагаться контент? (если не ошибаюсь Блок 1 - "заголовок", Блок 2 - меню,
>Блок 3 - какая нить служебная инфа контакт, копирайт, баннер.... где контент?)
1) да с ним все так, но у меня именно из-зи него и не получается пока верстка!
2) контент будет распологаться в пустой области (под БЛОКом1 справа от БЛОК2) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.03.2007 в 14:50)
| | | Контент не может располагаться в пустой области)) для него тоже нужен блок.
У тебя довольно нестандартный макет, можешь помучаться и набить себе пару шишек (у меня в своё время доходило даже до истерик, особенно когда речь шла о корректном отображении в разных браузерах... я чуть "клаву" не разбил), а когда намучаешься и обработаешь зелёнкой свои "шишки")))) посмотри архив, авось чё-нить пригодиться) | |
| |
|
|
| |
|
|
| |
для: Valick
(04.03.2007 в 15:11)
| | | >Контент не может располагаться в пустой области)) для него тоже нужен блок.
я просто непарвильно выразился! конечно там, где я описал будет div, а в нем основная инфа! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.03.2007 в 14:50)
| | | я бы сделал так
<head>
<style>
html {height:100%;}
body {width;100%; height:100%; margin:0px; padding:0px;}
#layout
{
min-height:100%;//height:100%;
width:100%;
margin:0px;
padding:0px;
}
#header
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100px;
}
#left
{
height:100%;
width:25%;
margin:0px;
}
#spacer
{
height:100px;
}
#footer
{
position:absolute;
right:0px;
bottom:0px;
width:300px;
height:100px;
}
</style>
</head>
<body>
<div id="layout">
<div id="header"></div>
<div id="left">
<div id="spacer"></div>
<!-- content -->
</div>
<div id="footer"></div>
</div>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(04.03.2007 в 15:13)
| | | Попробую... кстати здесь левый див вытягивается до низа только в IE, в осталных нет!
Может еще будут варианты? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.03.2007 в 15:36)
| | |
#left
{
height:100%;
width:25%;
margin:0px;
}
|
исправь на
#left
{
min-height:100%;//height:100%;
width:25%;
margin:0px;
}
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(04.03.2007 в 16:21)
| | | не помогло... | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.03.2007 в 16:33)
| | | Ты мой файл который я прикрепил смотрел?) | |
| |
|
|
| |
|
|
| |
для: Valick
(04.03.2007 в 16:37)
| | | Ну да! А че? Там не то, что мне нужно...
...мне придется, наверное, ждать AlexSolа! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.03.2007 в 16:49)
| | | Видимо не удастся мне вас отговорить... мне просто интересно как вы будете выводить контент вокруг Блока 3.
ещё раз смотрим архив... и ждём AlexSol'a | |
| |
|
|
| |
|
|
| |
для: Valick
(04.03.2007 в 18:36)
| | | Так как с помощью? ;-) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(06.03.2007 в 20:19)
| | | дождались?
я это,теперь тока по праздникам бесплатно с нуля верстаю....
но проконсультировать могу.
давай так:
1) в чем именно проблема
2) крепи все что наверстал.
если блок два не тянется по горизонтали, то просто пусти для body фон - чтоб визуально блок вниз опустить.
вобщем в чем проблема я не понял /надеюсь дело не в лени?/ | |
| |
|
|
| |
|
|
| |
для: AlexSol
(06.03.2007 в 20:51)
| | | вобщем в чем проблема я не понял /надеюсь дело не в лени?
думается что именно в ней :))) | |
| |
|
|
| |
|
|
| |
для: Lelik
(06.03.2007 в 22:20)
| | | Только щас заметил, что в предыдущем сообщении архив "неприципился"))) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(06.03.2007 в 20:51)
| | | to AlexSol: пришла одна мысль, попробую осуществить, если не получится - напишу сюда! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(07.03.2007 в 17:24)
| | | Еще вопрос, а разве элементу <li> нельзя задавать width???
Я пробовал и width, и min-width не хочет зараза! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(07.03.2007 в 18:01)
| | | нет, каи для span. добавь к ширине display:block | |
| |
|
|
| |
|
|
| |
для: AlexSol
(07.03.2007 в 18:04)
| | | Короче, написал какую-то чушь... (см. аттач)
Добился, чтобы блок2 был именно до конца страницы. Но остается полоса прокрутки - ставтл границы, смотрел - оказалось это у html, но исправляться не хочет!
Открыл в FF - чуть со стула не свалился! Хотя ведь делал по образцу предыдущей моей верстки! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(07.03.2007 в 19:45)
| | | . | |
| |
|
|
| |
|
|
| |
для: AlexSol
(07.03.2007 в 19:57)
| | | Нет, AlexSol, это не прокатит! ;-)
Дело в том, что на этоб блоке 2 (который слева) может размещаться информация до самого низа страницы! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(07.03.2007 в 20:02)
| | | и что из этого?
еще раз переделывать пример о котором ты знаешь я больше не буду. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(07.03.2007 в 20:08)
| | | Да это понятно! Мне и не надо переделывать! Мне надо идею, как лучше расположить левый див! (+см. мой ответ Leliky) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(07.03.2007 в 19:45)
| | | без пива не возвращайся
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
html
{
height:100%;
}
body
{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
div#layout
{
position:relative;
min-height:100%;//height:100%;
width:100%;
margin:0px;
padding:0px;
}
div#header
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100px;
background-color:#003366;
z-index:2;
}
div#left
{
position:absolute;
height:100%;
width:25%;
margin:0px;
padding:0px;
background-color:#990033;
bottom:0;
top:0;
}
div#spacer
{
height:200px;
}
div#footer
{
position:absolute;
right:0px;
bottom:0px;
width:300px;
height:100px;
background-color:#336600;
}
</style>
</head>
<body>
<div id="layout">
<div id="header"></div>
<div id="left">
<div id="spacer"></div>
<!-- content -->
</div>
<div id="footer"></div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(07.03.2007 в 19:59)
| | | Почти все хорошо, но ведь мне надо выводить инфу на левый див!!! Она будет скрыта верхним дивом! padding не поставишь! Есть конечно, вариант перед нужной инфой вывести штук 8 <br>, но по-моему это извращенство, должен быть нормальный способ!
Но если другого не будет, то так и сделаю!..
ДОБАВЛЕНО.
+ мне еще надо инфу ведь выводить! т.е. нужен еще один див, начинающийся от левого и тянущийся до правого края страницы. А по вертикали - от верхнего дива до нижней границы страницы! | |
| |
|
|
