HapKOTuK: Мнээ... используйте средства там, где это нужно.
Вот, например, простая задачка:
Макет:
хидер - 200 пикселей в высоту
контент - заранее не известно сколько его. может быть 100px, может быть 3000px.
футер - 100 пикселей в высоту. Если контента мало - прилипает к низу, если контента много - уезжает под контент. (с прокруткой само собой).
Сделайте это дивами. (только перед выкладыванием - протестируйте).
Если не сложно, киньте в приват (дабы тут не захламлять тему) рабочий вариант на дивах.
Я пока не нашёл его. (JavaScript само собой не используем :) )
Ваш код работает пока не указан doctype. Следовательно верстка не валидна. Хотя вопрос важности валидности тоже спорный. Такой код уже не будет растягиваться на всю высоту.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Про яву вот что я имел ввиду. Сделал, теперь все работает и под ие6. Диву #div_height100 задается высота дива #content, которая может меняться от наличия контента.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Заказал регистрацию, все ок, буду еще обращаться.
Исполнением вполне доволен. Сделал качественно, даже раньше срока. Рекомендую!
Мнээ... используйте средства там, где это нужно.
Вот, например, простая задачка:
Макет:
хидер - 200 пикселей в высоту
контент - заранее не известно сколько его. может быть 100px, может быть 3000px.
футер - 100 пикселей в высоту. Если контента мало - прилипает к низу, если контента много - уезжает под контент. (с прокруткой само собой).
Сделайте это дивами. (только перед выкладыванием - протестируйте).
Табличный вариант:
<table height=100% width=100% cellspacing=0 cellpadding=0 border=1>
<tr>
<td style='height:200px;'>HEADER</td>
</tr>
<tr>
<td height=100% valign=top>CONTENT</td>
</tr>
<tr>
<td style='height:100px;'>FOOTER</td>
</tr>
</table>
Если не сложно, киньте в приват (дабы тут не захламлять тему) рабочий вариант на дивах.
Я пока не нашёл его. (JavaScript само собой не используем :) )
Ваш код работает пока не указан doctype. Следовательно верстка не валидна. Хотя вопрос важности валидности тоже спорный. Такой код уже не будет растягиваться на всю высоту.
<!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" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<table height=100% width=100% cellspacing=0 cellpadding=0 border=1>
<tr>
<td style='height:200px;'>HEADER</td>
</tr>
<tr>
<td height=100% valign=top>CONTENT</td>
</tr>
<tr>
<td style='height:100px;'>FOOTER</td>
</tr>
</table>
</body>
</html>
Думаю что без js сделать валидно невозможно ни дивами ни таблицами. Могу предложить свой вариант на дивах, но с js.
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<script type="text/javascript">
function initPage() {
var h;
h = document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
document.getElementById('wrap').style.minHeight = h+ 'px';
}
</script>
<!--[if IE 6]>
<script type="text/javascript">
function initPage() {
var h;
h = document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
document.getElementById('wrap').style.height = h+ 'px';
}
</script>
<![endif]-->
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
#wrap {
background: #3300FF;
position: relative;
}
.header {
height: 200px;
background: #3399FF;
}
.content {
padding-bottom: 100px;
}
.footer {
height: 100px;
width: 100%;
background: #33FFFF;
position: absolute;
bottom: 0px;
left: 0px;
}
</style>
</head>
<body onload="initPage()">
<div id="wrap">
<div class="header">Header</div>
<div class="content">Content</div>
<div class="footer">Footer</div>
</div>
</body>
</html>
Multiple IE работает под Vista?
Про яву вот что я имел ввиду. Сделал, теперь все работает и под ие6. Диву #div_height100 задается высота дива #content, которая может меняться от наличия контента.
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<script type="text/javascript">
function open_wind(){
var h;
h = document.getElementById('content').offsetHeight;
document.getElementById('div_height100').style.height = h+ 'px';
document.getElementById('div_height100').style.display = 'block';
}
</script>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
#content {
position: relative;
background: #00FF00;
height: 1500px;
}
#div_height100 {
background: #FFFF00;
width: 100%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none;
}
</style>
</head>
<body>
<div id="content">
<a href="#" onclick="open_wind()">Закрыть контент</a>
<div id="div_height100">
<a href="#" onclick="document.getElementById('div_height100').style.display = 'none';">Открыть контент</a>
</div>
</div>
</body>
</html>
1. Макет не сложный.
2. Верстка удалась :)
Для учебной верстки - 5ка. Только полтора дня многовато по времени.
Тема создана с тем, чтобы если я не отдам деньги Demon2 пользователи форума знали об этом и больше денег мне не давали )
О кредите договорились с ним в аське, поэтому создали такую тему.
По-моему в каждом топике о выдаче кредита отписываются те кто взял и кто выдал кредит.
Выдано до 9 апреля.
Взял деньги.
А что за трафик? parked.ru приветствует дорвейный траф.
Вот здесь сказано что не приветствует:
http://www.parked.ru/forum/showpost.php?p=2396&postcount=4
Для пробы слил туда 600 хостов, не засчитали.
А чем class лучше id?
Кстати люди оставившие негативные отзывы, дайте ссылку на работы, качество которых вы оцениваете как хорошее. Буду знать к чему стремиться :)
еще актуально