Нижегородский Форум Друзей - Вёрстка страницы

- Веб програмирование и хостинг (http://forum.nnov.org/komp-yutery-i-elektronika/tehnicheskaya-podderzhka/veb-programirovanie-i-hosting/)

- - Вёрстка страницы - помогите советом (http://forum.nnov.org/komp-yutery-i-elektronika/tehnicheskaya-podderzhka/veb-programirovanie-i-hosting/59712-vyorstka-stranicy-pomogite-sovetom.html)

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

:wallbash: Какого фига надо было придумывать столько браузеров?!?!?! :(

Вобщем вопрос в следующем: не могу сайт "подогнать", чтобы одинаково смотрелся и в FireFoх и в IE.
Не могу понять что делать с дивами, почему они расчленяют страницу. И позиционирование самих блоков меняла, и с отступами всячески пробовала... не пойму и всё тут! :wallbash::wallbash::wallbash:

Мало того, с какого-то фига FF стал обрезать картинку... :wallbash:

И еще вопрос: почему настолько разные шрифты в этих двух браезерах? Может есть какой-то шрифт, максимально подходящий для всех них? Мне уже не настолько важно воспроизвести то, что на макете, а хотя бы сверстать без погрешностей...
Посоветуете может что?
[Для просмотра данной ссылки нужно зарегистрироваться]

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

ipDana, это не браузеров столько... это как всегда Майкрософт выпендрился не в лучшую сторону. =) Сам сталкиваюсь постоянно с такими же проблемами.

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

моя почта:

CSS вам в помощь.

Сталкер, скидываю. Может найдете где я что-то не то сделала...

MoxX, спасибо цены нет Вашему совету! Вот бы все так советовали....

ipDana, скинь исходники. Посмотрю, если что...

Цитата:

Сообщение от Циничная сволочь (Сообщение 921809)

ipDana, скинь исходники. Посмотрю, если что...

да, хорошо. Сегодня только не успею, завтра утром постараюсь.

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

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

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

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

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

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>

подкорректировал немножко...

Спойлер:

Советую пустить картинку бэкграудом

Цитата:

Сообщение от Daffy_fack (Сообщение 924188)

Советую пустить картинку бэкграудом

Они там все бэкграундом.

Теперь все нормально, все отображается. Только вот новая проблема оказывается появилась. На моём мониторе все прекрасно работает, никакой прокрутки, но не у всех... что делать? Я даже причину не пойму :(

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

Да и еще, какими инструментами достигается центрирование? как не открываешь браузер, всегда по центру окна?????

Артемия Лебедева на вас нет.:roll1:

Цитата:

Сообщение от MoxX (Сообщение 924750)

Артемия Лебедева на вас нет.:roll1:

Он еще будет нам завидовать и просить уроки дать :D

Чтобы по вертикали прокрутки не было, поправь в CSS свойство width у body. Сейчас там стоит 1260% :))

ipDana, он хотел сказать что бы бэкграунд не кусками шёл....а цельной картинкой наверное так...

Цитата:

Сообщение от himtosh (Сообщение 924832)

Чтобы по вертикали прокрутки не было, поправь в CSS свойство width у body. Сейчас там стоит 1260% :))

Ух ты! А я просмотрела! Спасибо!

Добавлено через 2 минуты 10 секунд

Цитата:

Сообщение от KaZantip)) (Сообщение 925264)

ipDana, он хотел сказать что бы бэкграунд не кусками шёл....а цельной картинкой наверное так...

Не знаю... мне говорили, что если у меня фон такой, то надо взять от этого фона 1px ширины и просто размножить его по оси ординат. Так вроде как размер файла становится меньше, быстрее грузит... Нет?

ipDana, уменьши размеры картинок а то очень дико смотрится, в основном экраны у всех 1024 на 768
и сайт отображается очень большим... а лучше бы вообще заказали, рубле за 500 хорошую страницу сверстали...да даже
за пиво студент какой ни то сверстает.. :roll1:

Даш, есть два типа верстки:
"резиновая" и "статическая"... я так понял у тебя статика... особо тут ничего с прокрутками не сделаешь... сайты, у которых фон идет на всю ширину странички и при это состоит из сложной картинки, лучше делать резиновыми, но этот момент надо было продумывать еще до того, как приступила к рисованию макета в графическом редакторе.