Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: как растянуть контент?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
V1T
Отправлено: 10 Марта, 2009 - 16:03:39
Post Id


Гость


Покинул форум
Сообщений всего: 73
Дата рег-ции: Февр. 2009  


Помог: 0 раз(а)




Здравствуйте, сверстал шаблон, схема простая:
шапка, слева меню, которое растягивается вниз, контент и футер.
Всё хорошо, но немогу заставить контент тянуться вниз, он тянется только когда в нём есть текст, а я хочу, чтобы контент занял всю область до самого подвала, спасибо Однако
Вёрстка дивная.
Цитата:
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header{background: url(images/header.gif);
width:900px; height:141px;}
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#wrapper{float:right;width:100%; margin-left:-223px ; background:#B9CAFF}
div#content{margin-left:223px; width: 677px; height: 100%; background:#B9CAFF url(images/content.gif); }
div#navigation{float:left;width:223px;background: url(images/menu.gif);}
div#navigation_ad{float:left; clear:left;width:223px; height: 64px; background: url(images/12.gif);}
div#extra{float:left;clear:left;width:223px; height: 100%;background: url(images/menu.gif);}

div#footer{clear:both;width:900px; background: url(images/footer.gif);}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
<div id="content">
<p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p>
</div>
</div>
<div id="navigation">
<p><strong>2) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>
<p><strong>2) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>
</div>
<div id="navigation_ad"><img src=images/12.gif /></div>
<div id="extra">
<p><strong>3) More stuff here.</strong> very text make long column make filler fill make column column silly filler text silly column fill silly fill column text filler make text silly filler make filler very silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p>
</div>
<div id="footer"><p>Here it goes the footer</p></div>
</div>
</body>
</html>
 
 Top
valenok
Отправлено: 10 Марта, 2009 - 18:42:32
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)






-----
Truly yours, Sasha.
 
My status
 Top
V1T
Отправлено: 10 Марта, 2009 - 20:39:11
Post Id


Гость


Покинул форум
Сообщений всего: 73
Дата рег-ции: Февр. 2009  


Помог: 0 раз(а)




valenok, извините пожалуйста, но это очень тяжело для начинающего Не понял , особенно для меня , у меня ничего не получается из этого кода Огорчение
<style type="text/css">
#inner { float: left; overflow: hidden; }
#inner div { float: left; background: #ccc; width: 100px; margin-right: 10px; margin-bottom: -1000px; padding-bottom: 1000px; }
#inner .col2 { background: #eee; }
</style>
<div id="inner">
<div>a<br>b</div>
<div class="col2">b</div>
</div>

, всё уезжает куда то, ужас просто Растерялся , и ничего не работает в итоге.
Как я понял, все дивы из бока нужно вкладывать в <div id="inner">? Но всё равно бестолку, что только не делаю.. Может всё намного сложнее у меня? Может я что то перемудрил? Спасибо
(Добавление)
Мне уже жалко тех людей которые должны верстать такие сложные вещи Огорчение
Туда поползло , сюда, и ломай голову что не так. Мне все говорили что дивная вёрстка эффективнее , а Вы утверждаете обратное, я в полной потере Растерялся
 
 Top
valenok
Отправлено: 11 Марта, 2009 - 02:16:37
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)




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


-----
Truly yours, Sasha.
 
My status
 Top
V1T
Отправлено: 11 Марта, 2009 - 09:54:28
Post Id


Гость


Покинул форум
Сообщений всего: 73
Дата рег-ции: Февр. 2009  


Помог: 0 раз(а)




Всё, разобрался сам! Нахмурился

(Отредактировано автором: 11 Марта, 2009 - 18:01:21)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB