dudim55

Рейтинг
24
Регистрация
01.08.2007
Регистрация в соц закладках под ключ 0,29$. База 70 закладка, аккаунтов 520.

Заказал регистрацию, все ок, буду еще обращаться.

Дизайн

Исполнением вполне доволен. Сделал качественно, даже раньше срока. Рекомендую!

Div vs Table
HapKOTuK:
Мнээ... используйте средства там, где это нужно.

Вот, например, простая задачка:
Макет:
хидер - 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>

div position absolute height:100%. Стилизация selecta

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 пользователи форума знали об этом и больше денег мне не давали )

О кредите договорились с ним в аське, поэтому создали такую тему.

По-моему в каждом топике о выдаче кредита отписываются те кто взял и кто выдал кредит.

В долг 1000wmr 15%
Demon2:
Выдано до 9 апреля.

Взял деньги.

Куда сливать трафик?
UltraBait:
А что за трафик? parked.ru приветствует дорвейный траф.

Вот здесь сказано что не приветствует:

http://www.parked.ru/forum/showpost.php?p=2396&postcount=4

Для пробы слил туда 600 хостов, не засчитали.

Оцените верстку

А чем class лучше id?

Кстати люди оставившие негативные отзывы, дайте ссылку на работы, качество которых вы оцениваете как хорошее. Буду знать к чему стремиться :)

Сателлит Форекс

еще актуально

1234 5
Всего: 48