скелет 3 колонки. помогите сделать.

Makcik · July 17, 2007

Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать..

Вот мне надо сделать такой скелет:

__________________________
|__________header__________|
|_____|_______________|_____|
|_____| |_____|
|_____| |_____|
|_____| content | |
|_____|_______________|_____|
|_________footer____________|

В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы.

Помогите сделать скелет, дальше я сам буду пробывать разбираться.

strix · July 17, 2007

код, пожалуйста, и что конкретно не работает

Fu-tai · July 17, 2007

Ссылку на макет дай!

А то так нефига не понятно накой столько дивов?

Makcik · July 17, 2007

html :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
 <link rel="stylesheet" href="style02.css" type="text/css">
</head>

<body>
<div id="q">
 <div id="w">head</div>
 <div id="e">
 <div>poloska</div>
 <div>menu css</div>
 </div>
 <div id="r">
 <div>
 <div>menu</div>
 <div>news</div>
 <div>search</div>
 <div>counter</div>
 </div>
 <div id="t">content</div>
 <div id="y">
 <div>tah_mal</div>
 <div>forma</div>
 <div>tah_bol</div>
 </div>
 </div>
 <div id="s">footer</div>
</div>
</body>
</html>

файл css:

#q{
 border: 1px;
 display: block;
 position: absolute;
 top: 0px;
 left:0px;
}
#w{
 border: 1px solid;
 width: 800px;
 height: 101px;
 display: block;
 position: absolute;
 top: 1px;
 left: 1px;
}
#e{
 border: 1px solid;
 width: 800px;
 height: 15px;
 display: block;
 position: absolute;
 top: 101px;
 left: 1px;
}
#r{
 border: 1px solid;
 width: 150px;
 display: table;
 position: absolute;
 top: 121px;
 left: 1px;
}
#t{
 border: 1px solid;
 width: 473px;
 display: block;
 position: absolute;
 top: 121px;
 left: 151px;
}
#y{
 border: 1px solid;
 width:177px;
 display: block;
 position: absolute;
 top: 121px;
 left: 624px;
}
#s{
 border: 1px solid;
 width: 800px;
 height: 15px;
 height: 20px;
 display: block;
 position: absolute;
 top: 100%;
 left: 1px; 
}

strix · July 17, 2007

по вашему коду:

1. давайте осмысленные имена блокам

2. попытайтесь разобраться например с такими вариантами разметки, как - http://layouts.ironmyers.com/, http://blog.html.it/layoutgala/

3. ИМХО - лучше использовать float - проще для старта

Fu-tai · July 17, 2007

Ай совушка, ай удружила! Ссылка чудестная, прям то что надо. Давно искал сие полезное творение.

gordi · July 17, 2007

http://trifler.ru/blog/post_1184599195.html

Дядя Саша · July 17, 2007

Ай совушка, ай удружила! Ссылка чудестная, прям то что надо. Давно искал сие полезное творение.

Чтобы сверстать любой шаблон из представленных вряд ле уйдет более пятнадцати минут. Вы меня пугаете

А некоторые даже верстки не стоят...

Fu-tai · July 18, 2007

То Дядя Саша Не пугайся, я не кусаюсь!

Иногда жуть как лень писать это!

Поэтому тупо коппи пасте!

Sign In

скелет 3 колонки. помогите сделать.

Question

Makcik

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

strix

Link to comment

Share on other sites

Fu-tai

Link to comment

Share on other sites

Makcik

Link to comment

Share on other sites

strix

Link to comment

Share on other sites

Fu-tai

Link to comment

Share on other sites

gordi

Link to comment

Share on other sites

Дядя Саша

Link to comment

Share on other sites

Fu-tai

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information