Настроить сайт под браузер

Остановлюсь на паре мелочей. Как настроить ваш сайт под браузер. Я уже говорил, что разные браузеры будут отображать ваш сайт по разному. Но это мелочи. Они ещё по разному отображают и рекламные блоки и т.д. Делаешь, делаешь сайт, всё подгоняешь, вроде всё сделал. И тут замечаешь, что в одном из браузеров рекламный блок проваливается, или становится каким то маленьким и уже не вписывается в дизайн сайта. Мелочей много и всяких разных. Как этого избежать?


Сразу начну с совета. При создании различных блоков, стилей для блоков, стилей для шрифтов и т.д. - старайтесь прописать все основные параметры. То есть, если пишите стиль для шрифта, не забудьте упомянуть название шрифта. Если делаете стиль для блока, или абзаца, не стоит забывать про межстрочный интервал и т.д.

Всё это мелочи, но у каждого браузера свои настройки по умолчанию. Так что даже один блок ссылок будет отображаться в разных браузерах по разному. А весь сайт тем более.


Сейчас я приведу основные параметры. Ну а остальное додумывайте сами, у всех свои сайты и все они разные. Или спрашивайте у меня, всегда отвечу, если знаю. А если не знаю, то узнаю и всё равно отвечу :) Да и другим людям поможете.

padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

Поля и отступы от текущего элемента, до его родительского элемента. Например можно задать отступы от края таблицы до объявления и т.д. Первое значение - верх, далее - справа, слева, снизу. Можете задать параметры и чисто для одной стороны. Например так - margin-left: 0px; - это отступ слева.

line-height: 0px;

Межстрочный интервал. В основном все косяки на сайте, именно с него и начинаются. Особенно если вы к сайту приделали форум, гостевую и т.д. У всех свои таблицы CSS, а у браузеров тоже свои понятия об этих стилях. Вот тут и начинается истинный бедлам.


Без совета, не куда :) Если вы приделали к сайту форум, галерею, или ещё что то - старайтесь по возможности для каждого стиля прописывать отдельно цвет ссылок.

.z001 a {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #4141A5 !important;}

Вот тут я задал шрифт, размер, цвет и более высокий приоритет для ссылок у стиля .z001. Стили называете как захотите, это не важно, хоть .SOS003 :)

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

И не только по этому. Не надо забывать и про наши любимые браузеры. Которые любят одну и туже команду выполнять по разному :) Поэтому чем подробнее будет прописан стиль, тем меньше шансов на неадекватное отображение вашего сайта в каком-либо из браузеров.


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

Немного рекламы :)

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP