элементарная блочная в?рстка -- позиционирование

az · October 22, 2007

Приветствую,

Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-)

Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду.

задача проста, при помощи div сделать как тут:

http://imagebin.org/11213

Пояснение: рамка вокруг = окно браузера.

Что у меня НЕ получается.

* Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз

* Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз подложкой при условии, если блок меню длиннее(по высоте) чем блок контента. Ну и наоборот.

Вот я и думаю, а это вообще возможно?

Что нужно:

-- чтоб блок подложки (ч?рная) растягивался и был фоном И для меню И для контента, вне

зависимости от их размеров (которые определяются содержимым).

Прошу помощи опытных блокостроителей.

Dimitry Wolotko · October 22, 2007

1 - все ранее обсуждавшиеся вопросы вы можете посмотреть в поиске;

2 - расскажите пожалуйста, из каких побуждений вы создали эту тему в разделе css? Потому тема уходит в "проблемы верстки"

3 - внимательно жд?м от Вас кода, который написали вы, и который не удовлетворяет требованиям партии, дабы его разобрать и решить проблему направленно и тематично.

PS - прошу заметить - ногами не бил =)

maddogrts · October 22, 2007

http://olib.ru/catalog/hi-tech/internet/bi...tikal-nyh-bloka

http://www.webmascon.com/topics/coding/43a.asp

поищи вопрос глупый, конечно можно и возможно)

"Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно"

Ты не прав .

читай про float про clear тоже )

az · October 22, 2007

1 - все ранее обсуждавшиеся вопросы вы можете посмотреть в поиске;

Понятно

2 - расскажите пожалуйста, из каких побуждений вы создали эту тему в разделе css? Потому тема уходит в "проблемы верстки"

Видимо потому, что делать это предполагается средствами css. Ну и плюс отсутствие пока обзора что/куда спрашивают.

3 - внимательно жд?м от Вас кода, который написали вы, и который не удовлетворяет требованиям партии, дабы его разобрать и решить проблему направленно и тематично.

вот на что мне пока хватило ума:

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<div
 style="padding: 10px; margin-left: 10%; margin-right: 10%; background-color: black; position: relative;">
<div style="background-color: rgb(51, 204, 0); height: 50px;"
 id="head">HEAD
</div>
<div
 style="background-color: rgb(255, 102, 0); width: 150px; margin-top: 10px;"
 id="menu">
MENU
</div>
<div
 style="background-color: yellow; position: absolute; top: 70px; left: 170px; right: 10px;"
 id="content">CONTENT
</div>
</div>
</body>
</html>

PS - прошу заметить - ногами не бил =)

а вот за это спасибо! :-)

az · October 22, 2007

"Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно"
Ты не прав .
читай про float про clear тоже )

Ага, спасибо. Уже читаю.

Dimitry Wolotko · October 22, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div style="width:600;height:200;background-color:red;"></div>
<div style="width:200;height:200;background-color:blue;float:left;"></div>
<div style="width:400;height:200;background-color:green;float:left;"></div>
</body>
</html>

Копайте примерно в этом ключе.

maddogrts · October 22, 2007

http://designformasters.info/posts/css-flo...y-and-practice/ почитай здесь еще

az · October 24, 2007

Копайте примерно в этом ключе.

Да. спасибо. Понятно. Смотреть в cторону float.

az · October 24, 2007

http://designformasters.info/posts/css-flo...y-and-practice/ почитай здесь еще

Ссылка просто отличная. Спасибо!

Так даже почти то, что мне надо есть по шагам расписаное.

maddogrts · October 25, 2007

Не зачто

Sign In

элементарная блочная в?рстка -- позиционирование

Question

az

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

maddogrts

Link to comment

Share on other sites

az

Link to comment

Share on other sites

az

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

maddogrts

Link to comment

Share on other sites

az

Link to comment

Share on other sites

az

Link to comment

Share on other sites

maddogrts

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information