-
Доброго времени суток... =)
Я верстаю сайт с помощью DIV'ов и у меня есть некие проблемы с их содержанием.
Я привёл в конце схематичный рисунок с расположением. Примерно того чего мне надо.
Теперь суть чего мне надо добиться:
•Всё то что на рисунке отмечено Голубым цветом – это сам фон (желательно изображение).
Надо сделать так, что бы он растягивался вместе с содержимым колонки.
•А то, что отмечено Зелёным – это тоже изображения, но на каждый угол надо своё.
Вот код (я делаю по шаблону сайт LayoutGala34):
<div class='htmltop'>HTML</div><div class='htmlmain'><html>
<head>
<title>Layout 34</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
<div id="content">
<p><strong>Первая колонка </p>
</div>
</div>
<div id="navigation">
<p><strong>Вторая колонка</p>
</div>
<div id="extra">
<p><strong>3 колонка</p>
</div>
<div id="footer"><p>Here it goes the footer</p></div>
</div>
</body>
</html></div>
-
[/quote]
Добрый день, мне вот интересно, что конкретно вы хотите???
Привели пример шаблона в две колонки, а спрашиваете про наполнение ДИВа, какого дива?...
Как говорится - .."сколько вешать в граммах"...
И по конкретнее что Вы хотите?
Ваши права
- Вы не можете создавать новые темы
- Вы не можете отвечать в темах
- Вы не можете прикреплять вложения
- Вы не можете редактировать свои сообщения
-
Правила форума