Вёрстка страницы - помогите советом

ipDana · 06.11.2009, 00:07

Спасибо всем, вопрос снимается. Начала всё переделывать почти с самого начала. Проблема оказалась в размерах div и в использовании отступов (padding), сейчас попробую переделать всё. А про css для разных браузеров - хорошая идея. Если не получится, сделаю именно так.

KaZantip)) · 06.11.2009, 02:00

ipDana,

это проверочники...
[Для просмотра данной ссылки нужно зарегистрироваться] (HTML, XHTML)
[Для просмотра данной ссылки нужно зарегистрироваться] (CSS)

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

Применение JavaScript
Проще всего определить нужный браузер с помощью JavaScript, после чего загрузить для него требуемый файл со стилями. Этот способ хорош еще тем, что позволяет узнать версию браузера, а не просто его название. Сам стилевой файл подключается через метод document.write, который в данном случае будет использоваться так:

Цитата:

document.write("<link rel='stylesheet' href='style.css' type='text/css'>")

где style.css представляет собой файл для конкретного браузера.

В общем случае определение браузера и ссылка на файл CSS для него происходит, как показано в примере.

Цитата:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Использование скрипта</title>
<script type="text/javascript">

DOM = document.getElementById;
Netscape4 = document.layer;
Netscape6 = Mozilla = (navigator.appName == "Netscape") && DOM;
Netscape7 = navigator.userAgent.indexOf("Netscape/7") >= 0;
Opera5 = window.opera && DOM;
Opera6 = Opera5 && window.print;
Opera7 = Opera5 && navigator.userAgent.indexOf("Opera 7") >= 0;
Opera8 = navigator.userAgent.indexOf("Opera/8") >= 0;
Opera9 = navigator.userAgent.indexOf("Opera/9") >= 0;
IE = document.all && !Opera5;
Firefox = navigator.userAgent.indexOf("Firefox") >= 0;
if(IE) document.write("<link rel='stylesheet' href='/ie.css' type='text/css'>");
else document.write("<link rel='stylesheet' href='/style.css' type='text/css'>");
</script>
</head>
<body>
<p>...</p>
</body>
</html>

06.11.2009, 00:07	#1
ipDana Капризка Регистрация: 07.06.2008 Адрес: Москва Пол: Ж Провайдер: Другой Сообщений: 768 Поблагодарил: 138 Поблагодарили 523 раз в 319 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	Спасибо всем, вопрос снимается. Начала всё переделывать почти с самого начала. Проблема оказалась в размерах div и в использовании отступов (padding), сейчас попробую переделать всё. А про css для разных браузеров - хорошая идея. Если не получится, сделаю именно так. __________________ [Для просмотра данной ссылки нужно зарегистрироваться]

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)