Layout & markup: обмен опытом
В последнее время все чаще и чаще слышу реплики о том, что использовать table для собирания дизайна в одно целое не годится. Скажите, а какой еще есть альтернативный кроссбраузерный способ, причем чтоб ресайз был автоматический, а не по таймеру, который приходится заводить?
Я попробовал через div'ы, но мозилла,а, соответственно,и нетскейп понимает размеры этого элементы несколько отлично от того, что показывает эксплорер.
Здравствуйте!
В последнее время все чаще и чаще слышу реплики о том, что использовать table для собирания дизайна в одно целое не годится. Скажите, а какой еще есть альтернативный кроссбраузерный способ, причем чтоб ресайз был автоматический, а не по таймеру, который приходится заводить?
Я попробовал через div'ы, но мозилла,а, соответственно,и нетскейп понимает размеры этого элементы несколько отлично от того, что показывает эксплорер.
Да можно вместо <DIV> любой другой элемент использовать, это не важно, суть в стилях. Дай ссылку на то, что ты пытаешься сделать.
А Mozilla отрисовывает стили намного правильнее чем IE.
Да можно вместо <DIV> любой другой элемент использовать, это не важно, суть в стилях. Дай ссылку на то, что ты пытаешься сделать.
А Mozilla отрисовывает стили намного правильнее чем IE.
Да ссылка все та же: http://parus-idel.ru, мы ее недавно уже обсуждали ;))). Но пока там езе нет нового варианта, скоро кину ссылку.
Так вот, почитал я наш пост и решил сайт переделать, по правильному ;)))
А что, у div тоже можно атрибут height ставить 100%?
Я пробовал и так: <table height = "100%"
...и так: <div style = "height: 100%"
ну не прет и все!
Да ссылка все та же: http://parus-idel.ru, мы ее недавно уже обсуждали ;))). Но пока там езе нет нового варианта, скоро кину ссылку.
Так вот, почитал я наш пост и решил сайт переделать, по правильному ;)))
А что, у div тоже можно атрибут height ставить 100%?
Переделывать - это здравая мысль, главное чтобы переделка прошла правильно :)
По поводу DIV - естественно можно, это же блочный элемент. Посмотри спецификацию CSS2 - там четко сказано:
height
Value: <length> | <percentage> | auto | inherit
Initial: auto
Applies to: all elements but non-replaced inline elements, table columns, and column groups
Inherited: no
Percentages: see prose
Media: visual
Вообще спецификация CSS2 должна стать твоим лучшим другом :)
И еще очень советую посмотреть сайты - примеры качественного, профессионального использования CSS:
http://www.meyerweb.com/eric/css/edge/
http://dynarch.com/mishoo/home.epl
http://www.csszengarden.com/
http://www.mozilla.org/
Для получения представления о том, как эти сайты выглядят на самом деле - необходимо использовать Mozilla :)
Нет, ну кто-нибудь мне скажет, почему Опера не понимает свойство 100% для height???
Я пробовал и так: <table height = "100%"
...и так: <div style = "height: 100%"
ну не прет и все!
Ну почему же не понимает? :)
Пример:
<body>
<div style="background-color:red; width:200px; height: 100%">some text</div>
</body>
</html>
У меня он рендерится одинаково в Mozilla 1.5, Opera 7.11 и IE 5.01
Ну почему же не понимает? :)
Пример:
<body>
<div style="background-color:red; width:200px; height: 100%">some text</div>
</body>
</html>
У меня он рендерится одинаково в Mozilla 1.5, Opera 7.11 и IE 5.01
Сделал ctrl + c, ctrl + v в оперу 7.0 - не работает... установлю, конечно, 7.11, но все равно непонятно, почему в ранних не поддерживается