кроссбраузерная верстка

Katrin Baukina
На сайте с 01.02.2006
Offline
98
1434

Добрый день. Нахожусь далеко от своего ноутбука и еще не очень скоро до него доберусь. Случайно обнаружила, что мне удалось сверстать страницу, которая отображается только в браузере Мозилла, в эксплорере и опере - не отображается ни графика, ни таблицы. Верстала таблицами, все вроде бы логично.

Вообще о чем нужно помнить, верстая страницу - буду благодарна как за советы по кроссбраузерной верстке, так и за полезные в тему ссылки.

<!-- проблема решена-->


Честно говоря - не знаю, что я такого натворила....
Сайт - baukina.ru - сайт не для чего-то, а просто больше для меня самой - чтобы я работы свои выкладывала и видела, есть ли какое-то развитие. до недавнего времени сайт вообще был заброшен, вчера изменила только главную страницу - и вот так вот криво, оказывается. Прошу подсказать из-за чего может быть такая ерунда
P/S Юзабилити и дизайн можно не оценивать = сайт подвергнется редизайну после нового года. и дизайн, понятное дело, будет делать более компетентный, чем я человек.

<!-- но вопрос остался-->

Сервис мгновенного обратного звонка с сайта (http://chaser.ru) увеличивает телефонную конверсию сайта на 20-80%.
filosof
На сайте с 29.10.2005
Offline
171
#1

У вас комментарии в коде неправильно написаны.

<!--shapka--!>

Закрывающая скобка не должна нести восклицательного знака, то есть так:

<!-- Комментарий -->

Мозилла, по видимому, эту ошибку пропускает, а ослик нет.

А так страничка довольно неплохая, хотя конечности даже до видимости чистоты кода ей еще очень далеко.

Советы про кроссбраузерной вёрстке:

1) Верстать только руками

2) Чем больше элементов можно вынести из кода, без ущерба функциональности - тем лучше

3) Проверять своё творение в браузерах Геко (Лиса, Мозилла), Опере (желательно двух последний версий), Ослике 6 и 7 (см. http://browsercam.com)

4) Желательна дивная валидная вёрстка, с выносом оформления в css

http://webmascon.com/

http://www.i2r.ru/art_index.shtml?id=476

http://webtest.philigon.ru/articles/

http://browsing.ru/

Katrin Baukina
На сайте с 01.02.2006
Offline
98
#2

filosof, спасибо большое. Доберусь до дому - исправлю.

А уж что css вынесу - однозначно, потому что я ярая противница большого и тяжелого кода. Но страницу делала вчера и достаточно невнимально и быстро - вот такой и результат.

Вопрос про кроссбраузерность в силе. Что еще так же успешно съест мозилла?

Я например помню, что она автоматически выравнивает ячейки таблицы, хотя эксплорер этого не делает. Или, например, если не позиционировать valign=top то мозилла чаще всего сама выровнеет, а осел - нет.

filosof
На сайте с 29.10.2005
Offline
171
#3

Не думайте что сьест а что не сьест мозилла или осёл. Верстайте КАК НАДО в теории. А потом уже, правьте ошибки, если таковые конечно будут. Но уверяю вас что их будет гораздо меньше чем если при верстке опиратся на браузеры а не спецификации.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий