XHTML HEIGHT 100% @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 6 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Reijii Муж.
новый человек
0
Сообщения: 137
Зарегистрирован: 10.02.05
Заголовок сообщения: XHTML HEIGHT 100%
Сообщение Добавлено: 3 Февраль 2006, 13:58:24 
доброго дня,

вот есть следующая разметка, нужно чтобы content и sub-section были 100%:

HTML:
Код:
 <div id="header"><h1>header</h1></div>
 <div id="menu"><h1>menu</h1></div>
 <div id="content"><h1>content</h1></div>
 <div id="sub-section"><h1>sub-section</h1></div>
 <div id="footer"><h1>footer</h1></div>

CSS:
Код:
 #header,#menu,#content,#sub-section,#footer {
  overflow:hidden;
  display:inline-block
 }
 #footer {width:100%}
 #header,#menu,#sub-section {float:left}
 #content {float:right}
 #header {width:49%}
 #menu {width:50.9%}
 #content {width:80%}
 #sub-section {width:20%}
 #footer {clear:both}


смотрел и на webmascon и на xhtml.ru не совсем подходят решения.. грубо говоря совсем не подходят.. футер уезжает черт знает куда + высота sub-section не совпадает с content

_________________
Feсi quod potui, faciant meliora potentes.
.talisman Муж.
участник
84
Сообщения: 1562
Зарегистрирован: 13.01.05
Сообщение Добавлено: 3 Февраль 2006, 14:23:31 
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
 #header,#menu,#content,#sub-section,#footer {border:1px dashed red; float:left; height:100px; }
 #header {width:49%}
 #menu {width:50%}
 #content {width:79%}
 #sub-section {width:20%}
 #footer {width:99.2%; clear:both}
</style>
</head>

<body>
 <div id="header">header</div>
 <div id="menu">menu</div>
 <div id="sub-section">sub-section</div>
 <div id="content">content</div>
 <div id="footer">footer</div>
</body>
</html>
Reijii Муж.
новый человек
0
Сообщения: 137
Зарегистрирован: 10.02.05
Сообщение Добавлено: 3 Февраль 2006, 14:27:59 
2 .talisman: и причем тут 100px ? :) мне нужно 100 %

и желательно для
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

_________________
Feсi quod potui, faciant meliora potentes.
.talisman Муж.
участник
84
Сообщения: 1562
Зарегистрирован: 13.01.05
Сообщение Добавлено: 3 Февраль 2006, 14:29:59 
Reijii, какой вопрос, такой ответ.
поставь задачу конкретно.
Reijii Муж.
новый человек
0
Сообщения: 137
Зарегистрирован: 10.02.05
Сообщение Добавлено: 3 Февраль 2006, 14:34:37 

.talisman писал(а):
Reijii, какой вопрос, такой ответ.
поставь задачу конкретно.



куда конкретней ;)

я спрашивал

Цитата:
доброго дня,

вот есть следующая разметка, нужно чтобы content и sub-section были 100%:


_________________
Feсi quod potui, faciant meliora potentes.
1NV1Z0R
соучастник
12
Сообщения: 971
Зарегистрирован: 27.09.05
Сообщение Добавлено: 4 Февраль 2006, 16:03:26 
никак.
fauxcolumns.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 6 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100