Height 100%, Puzzles and more
Здравствуйте! Вопрос у меня философский: как правильно организовывать контент сайта? Причем так, чтобы он растягивался во всю высоту браузера, красиво отрисовывался во всех браузерах и т.п. Предлагаю обсуждать на примере parus-idel.ru. Я использую iframe, который сейчас хоть и отображается довольно прилично в Mozilla, но при изменении разрешения файла на .php все летит...
Вообще, какие теги используются для разметки страницы? Везде твердят, что table использовать несолидно и неправильно, - но какая альтернатива?
С уважением, Byte
Вообще, какие теги используются для разметки страницы? Везде твердят, что table использовать несолидно и неправильно, - но какая альтернатива?
С уважением, Byte
О БОЖЕ :o :o
1. Убить ифреймы
2. Убить графическую навигацию
3. Убить динамику (флеш, JavaScript)
4. Оставить как на:
mts.ru
yahoo.com
spbland.ru
1. Убить ифреймы
2. Убить графическую навигацию
3. Убить динамику (флеш, JavaScript)
4. Оставить как на:
mts.ru
yahoo.com
spbland.ru
Цитата:
Originally posted by mike
О БОЖЕ :o :o
1. Убить ифреймы
2. Убить графическую навигацию
3. Убить динамику (флеш, JavaScript)
4. Оставить как на:
mts.ru
yahoo.com
spbland.ru
О БОЖЕ :o :o
1. Убить ифреймы
2. Убить графическую навигацию
3. Убить динамику (флеш, JavaScript)
4. Оставить как на:
mts.ru
yahoo.com
spbland.ru
Так, ладно, Лебедев forever и т.п.
Флэш и javascript тут ни при чем.
Iframe... отчасти согласен.
Вопрос у меня в другом. Ну хорошо, представим, что этих элементов нет. Тупо: необходимо нарисовать на экране квадрат с закругленными углами высотой и шириной с экран пользователя. Дано: 4 картинки с углами + 4 картинки, которые, множась, составляют границы этого квадрата. Как это правильно организовать?
Цитата:
Originally posted by Byte
Вопрос у меня в другом. Ну хорошо, представим, что этих элементов нет. Тупо: необходимо нарисовать на экране квадрат с закругленными углами высотой и шириной с экран пользователя. Дано: 4 картинки с углами + 4 картинки, которые, множась, составляют границы этого квадрата. Как это правильно организовать?
Вопрос у меня в другом. Ну хорошо, представим, что этих элементов нет. Тупо: необходимо нарисовать на экране квадрат с закругленными углами высотой и шириной с экран пользователя. Дано: 4 картинки с углами + 4 картинки, которые, множась, составляют границы этого квадрата. Как это правильно организовать?
1. Посмотри исходный код ya.ru
2. Помни, в стандарте HTML 4.0 нет свойства height у таблицы и ее ячеек. (у ячеек точно, у таблицы не могу гарантировать, но вроде так)
!!! http://validator.w3.org/check?uri=http%3A%2F%2Fwww.parus-idel.ru.%2F
!!! http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ya.ru.%2F :))
Да, Вы правы, атрибут height в стандарте HTML 4.x отменен для таблиц. Собственно, поэтому я и запостил этот вопрос: какая теперь альтернатива? Где-то советуют в style сделать у тега html и body свойство height = 100%, кто-то убеждает отказаться от table вообще... Неужели нет никакой альтернативы table height = "100%"?
Да, Вы правы, атрибут height в стандарте HTML 4.x отменен для таблиц. Собственно, поэтому я и запостил этот вопрос: какая теперь альтернатива? Где-то советуют в style сделать у тега html и body свойство height = 100%, кто-то убеждает отказаться от table вообще... Неужели нет никакой альтернативы table height = "100%"?
Цитата:
Originally posted by Byte
!!! http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ya.ru.%2F :))
Да, Вы правы, атрибут height в стандарте HTML 4.x отменен для таблиц. Собственно, поэтому я и запостил этот вопрос: какая теперь альтернатива? Где-то советуют в style сделать у тега html и body свойство height = 100%, кто-то убеждает отказаться от table вообще... Неужели нет никакой альтернативы table height = "100%"?
!!! http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ya.ru.%2F :))
Да, Вы правы, атрибут height в стандарте HTML 4.x отменен для таблиц. Собственно, поэтому я и запостил этот вопрос: какая теперь альтернатива? Где-то советуют в style сделать у тега html и body свойство height = 100%, кто-то убеждает отказаться от table вообще... Неужели нет никакой альтернативы table height = "100%"?
Вот пример альтернативы:
Код:
<html>
<head>
<style type="text/css">
HTML {overflow: hidden}
BODY {background-color: #ffc}
#tl, #tr, #bl, #br {width: 5%; height: 5%; border: 1px solid black; background-color: #f00}
#tl {position: absolute; top: 0%; left: 0% }
#tr {position: absolute; top: 0%; left: 95% }
#bl {position: absolute; top: 95%; left: 0% }
#br {position: absolute; top: 95%; left: 95% }
#cnt {position: absolute; top: 5%; left: 5%; width: 90%; height: 90%;
overflow: scroll; border: 1px solid black; background-color: #cff }
</style>
</head>
<body>
<div id="tl"></div>
<div id="tr"></div>
<div id="bl"></div>
<div id="br"></div>
<div id="cnt">
text</p>
<!-- Some more
text</p> to make content to scroll -->
text</p>
</div>
</body>
</html>
<head>
<style type="text/css">
HTML {overflow: hidden}
BODY {background-color: #ffc}
#tl, #tr, #bl, #br {width: 5%; height: 5%; border: 1px solid black; background-color: #f00}
#tl {position: absolute; top: 0%; left: 0% }
#tr {position: absolute; top: 0%; left: 95% }
#bl {position: absolute; top: 95%; left: 0% }
#br {position: absolute; top: 95%; left: 95% }
#cnt {position: absolute; top: 5%; left: 5%; width: 90%; height: 90%;
overflow: scroll; border: 1px solid black; background-color: #cff }
</style>
</head>
<body>
<div id="tl"></div>
<div id="tr"></div>
<div id="bl"></div>
<div id="br"></div>
<div id="cnt">
text</p>
<!-- Some more
text</p> to make content to scroll -->
text</p>
</div>
</body>
</html>
запости ссылку где тебя учат отказаться от table. интереспно почитать грамотных:) людей... чем это мотивировано?
2mike validator это круто!
2mike validator это круто!