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

ipDana · 03.11.2009, 00:28

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

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

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

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

Что должно получиться:

Сталкер · 03.11.2009, 01:32

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

Сам сталкиваюсь постоянно с такими же проблемами.

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

моя почта:

MoxX · 03.11.2009, 01:53

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

ipDana · 03.11.2009, 10:10

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

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

Циничная сволочь · 03.11.2009, 23:00

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

ipDana · 03.11.2009, 23:07

Цитата:

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

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

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

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>

KaZantip)) · 08.11.2009, 02:02

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

Спойлер:

Daffy_fack · 08.11.2009, 22:12

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

ipDana · 09.11.2009, 22:57

Цитата:

Сообщение от Daffy_fack

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

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

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

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

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

MoxX · 09.11.2009, 23:19

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

ipDana · 10.11.2009, 00:50

Цитата:

Сообщение от MoxX

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

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

himtosh · 10.11.2009, 08:57

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

)

KaZantip)) · 11.11.2009, 00:30

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

ipDana · 11.11.2009, 22:50

Цитата:

Сообщение от himtosh

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

)

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

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

Цитата:

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

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

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

KaZantip)) · 14.11.2009, 03:15

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

***lucky*** · 15.11.2009, 17:25

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

03.11.2009, 00:28	#1
ipDana Капризка Регистрация: 07.06.2008 Адрес: Москва Пол: Ж Провайдер: Другой Сообщений: 768 Поблагодарил: 138 Поблагодарили 523 раз в 319 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	Вёрстка страницы - помогите советом Какого фига надо было придумывать столько браузеров?!?!?! Вобщем вопрос в следующем: не могу сайт "подогнать", чтобы одинаково смотрелся и в FireFoх и в IE. Не могу понять что делать с дивами, почему они расчленяют страницу. И позиционирование самих блоков меняла, и с отступами всячески пробовала... не пойму и всё тут! Мало того, с какого-то фига FF стал обрезать картинку... И еще вопрос: почему настолько разные шрифты в этих двух браезерах? Может есть какой-то шрифт, максимально подходящий для всех них? Мне уже не настолько важно воспроизвести то, что на макете, а хотя бы сверстать без погрешностей... Посоветуете может что? Что должно получиться: __________________ [Для просмотра данной ссылки нужно зарегистрироваться]

03.11.2009, 01:32	#2
Сталкер Товарищ Регистрация: 29.04.2006 Адрес: Нижний Новгород, Россия Пол: М Провайдер: ВолгаТелеком Сообщений: 333 Поблагодарил: 140 Поблагодарили 100 раз в 76 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	ipDana, это не браузеров столько... это как всегда Майкрософт выпендрился не в лучшую сторону. Сам сталкиваюсь постоянно с такими же проблемами. Скидывай исходники и изображения, попробую помочь. Так сказать вряд ли что смогу уверенно. моя почта: a.s.zimin@gmail.com __________________

03.11.2009, 10:10	#4
ipDana Капризка Регистрация: 07.06.2008 Адрес: Москва Пол: Ж Провайдер: Другой Сообщений: 768 Поблагодарил: 138 Поблагодарили 523 раз в 319 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	Сталкер, скидываю. Может найдете где я что-то не то сделала... MoxX, спасибо цены нет Вашему совету! Вот бы все так советовали.... __________________ [Для просмотра данной ссылки нужно зарегистрироваться]

03.11.2009, 23:00	#5
Циничная сволочь Регистрация: 29.08.2008 Адрес: Россия, Нижний Новгород. Пол: M Провайдер: ВТ Сообщений: 2,362 Поблагодарил: 542 Поблагодарили 2,475 раз в 954 сообщениях Открыли хайд : 0 в этом сообщении 4 Всего	ipDana, скинь исходники. Посмотрю, если что... __________________ When you pirate MP3s, you are downloading communism

04.11.2009, 15:09	#7
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

03.11.2009, 01:53	#3
MoxX вгоа'улживатель Регистрация: 21.09.2007 Адрес: О_о, я ваще это впервые вижу! Пол: M Провайдер: Эр-Телеком Сообщений: 1,537 Поблагодарил: 541 Поблагодарили 603 раз в 327 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	CSS вам в помощь.

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

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

08.11.2009, 02:02	#11
KaZantip)) Lucky! Регистрация: 27.09.2007 Адрес: Нижний Новгород, Автозавод Пол: M Провайдер: АДС FTTB Сообщений: 1,473 Поблагодарил: 907 Поблагодарили 1,331 раз в 426 сообщениях Открыли хайд : 0 в этом сообщении 796 Всего	подкорректировал немножко... Спойлер: __________________ Life between 5-22000 Hz

08.11.2009, 22:12	#12
Daffy_fack Знакомый Регистрация: 04.05.2007 Пол: М Провайдер: ВТ Сообщений: 42 Поблагодарил: 63 Поблагодарили 62 раз в 12 сообщениях Открыли хайд : 0 в этом сообщении 1 Всего	Советую пустить картинку бэкграудом __________________ все когда нибудь вернется...

09.11.2009, 23:19	#14
MoxX вгоа'улживатель Регистрация: 21.09.2007 Адрес: О_о, я ваще это впервые вижу! Пол: M Провайдер: Эр-Телеком Сообщений: 1,537 Поблагодарил: 541 Поблагодарили 603 раз в 327 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	Артемия Лебедева на вас нет.

10.11.2009, 08:57	#16
himtosh Знакомый Регистрация: 17.03.2007 Адрес: Нижний Новгород Пол: М Провайдер: Эр-Телеком Сообщений: 77 Поблагодарил: 29 Поблагодарили 20 раз в 10 сообщениях Открыли хайд : 0 в этом сообщении 0 Всего	Чтобы по вертикали прокрутки не было, поправь в CSS свойство width у body. Сейчас там стоит 1260% )

11.11.2009, 00:30	#17
KaZantip)) Lucky! Регистрация: 27.09.2007 Адрес: Нижний Новгород, Автозавод Пол: M Провайдер: АДС FTTB Сообщений: 1,473 Поблагодарил: 907 Поблагодарили 1,331 раз в 426 сообщениях Открыли хайд : 0 в этом сообщении 796 Всего	ipDana, он хотел сказать что бы бэкграунд не кусками шёл....а цельной картинкой наверное так... __________________ Life between 5-22000 Hz

14.11.2009, 03:15	#19
KaZantip)) Lucky! Регистрация: 27.09.2007 Адрес: Нижний Новгород, Автозавод Пол: M Провайдер: АДС FTTB Сообщений: 1,473 Поблагодарил: 907 Поблагодарили 1,331 раз в 426 сообщениях Открыли хайд : 0 в этом сообщении 796 Всего	ipDana, уменьши размеры картинок а то очень дико смотрится, в основном экраны у всех 1024 на 768 и сайт отображается очень большим... а лучше бы вообще заказали, рубле за 500 хорошую страницу сверстали...да даже за пиво студент какой ни то сверстает.. __________________ Life between 5-22000 Hz

15.11.2009, 17:25	#20
*lucky* Заслуженные Регистрация: 15.03.2007 Адрес: НН, vikrost.ru Пол: M Провайдер: Эр-Телеком Сообщений: 1,143 Поблагодарил: 575 Поблагодарили 340 раз в 205 сообщениях Открыли хайд : 0 в этом сообщении 5 Всего	Даш, есть два типа верстки: "резиновая" и "статическая"... я так понял у тебя статика... особо тут ничего с прокрутками не сделаешь... сайты, у которых фон идет на всю ширину странички и при это состоит из сложной картинки, лучше делать резиновыми, но этот момент надо было продумывать еще до того, как приступила к рисованию макета в графическом редакторе. __________________ [Для просмотра данной ссылки нужно зарегистрироваться] Скидка форума - 10% (тел. 413-06-43)

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

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