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

KaZantip)) · 04.11.2009, 15:09

2 css одна для FF другу для IE напиши...
на опере тестила?
есть такой неплохой сайтик...
[Для просмотра данной ссылки нужно зарегистрироваться]
в любом браузере можно просмотреть...
можно ещё css и html на валидность проверить...может косяк какой

ipDana · 05.11.2009, 13:44

Хм, а это идея! Но, я так понимаю, надо как-то давать знать браузерам какой css использовать, так? Скриптом каким?
Оперу не смотрела, мне 'bn[ двух хватило, чтоб понять, что что-то не так

Вот исходники, может кто посмотрит, вдруг кто так же не мог решить эту проблему, а потом решил

[Для просмотра данной ссылки нужно зарегистрироваться]

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>

04.11.2009, 15:09	#1
KaZantip)) Lucky! Регистрация: 27.09.2007 Адрес: Нижний Новгород, Автозавод Пол: M Провайдер: АДС FTTB Сообщений: 1,473 Поблагодарил: 907 Поблагодарили 1,331 раз в 426 сообщениях Открыли хайд : 0 в этом сообщении 796 Всего	2 css одна для FF другу для IE напиши... на опере тестила? есть такой неплохой сайтик... [Для просмотра данной ссылки нужно зарегистрироваться] в любом браузере можно просмотреть... можно ещё css и html на валидность проверить...может косяк какой __________________ Life between 5-22000 Hz

05.11.2009, 13:44	#2
ipDana Капризка Регистрация: 07.06.2008 Адрес: Москва Пол: Ж Провайдер: Другой Сообщений: 768 Поблагодарил: 138 Поблагодарили 523 раз в 319 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	Хм, а это идея! Но, я так понимаю, надо как-то давать знать браузерам какой css использовать, так? Скриптом каким? Оперу не смотрела, мне 'bn[ двух хватило, чтоб понять, что что-то не так Вот исходники, может кто посмотрит, вдруг кто так же не мог решить эту проблему, а потом решил [Для просмотра данной ссылки нужно зарегистрироваться] __________________ [Для просмотра данной ссылки нужно зарегистрироваться]

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

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

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