Неудается сверстать валидный сайт

12
M
На сайте с 02.05.2008
Offline
15
1988

Верстаю первый сайт на дивах, в IE выглядит как надо, в опере плывет.

В чем дело - никак не могу разобраться.

Таблицы стилей вынесены в отдельный файл.

Посмотреть как выглядит сайт можно здесь

Буду признательна, если расскажете, что сделать, что бы смотрелось как задумано в основных браузерах.

Ps. На домашней машине фон, заданный картинкой есть, на серваке он отсутствует. Было бы так же интересно узнать причины.

продвижение для ленивых (http://seopult.ru/ref.php?ref=1d37a62cf60667cf )
GunFigter
На сайте с 20.03.2008
Offline
98
#1

Дизайн весь съехал. Сейчас точно не вспомню, но на этот счёт была где-то ссылка. Найду, оставлю здесь.

Посмотрите тут - http://pblog.ru/?p=82

[Articler Alpha v1.07 (/ru/forum/comment/3282415)] и [Articler Beta (/ru/forum/347101)] | [Подбор доменов (/ru/forum/249478)] | {Socializating (/ru/forum/263463)}
Light Phantom
На сайте с 17.03.2007
Offline
188
#2

Вот еще инструментик себе на заметку возьмите.

Justify
На сайте с 20.05.2008
Offline
102
#3

background-image: url('../pic/bg.jpg');

замените на

background-image: url(../pic/bg.jpg);

скоб - ненужно.

_________________________

</head>

<BODY>

-- валидный xhtml содержыт только код из символов в нижнем регистре (если не путаю, давненько спецификацию читал)

________________________

<img src="pic/logo.png" alt="Вент-дизайн" border =" 0"> -- неправильно

<img src="pic/logo.png" alt="Вент-дизайн" border =" 0" /> -- по сути правильно

border =" 0" -- не должно быть...

вообщем думаю вам немного еще нужно поучиться чтобы говорить о валидности, почитайче о стандартах сперва ;)

M
На сайте с 02.05.2008
Offline
15
#4

Спасиба всем. Хорошие советы.

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

Jenis
На сайте с 05.05.2008
Offline
51
#5
mecho:
Спасиба всем. Хорошие советы.
Только все-равно не пойму почему в ИЕ7 все выглядит как надо, а в остальных браузерах съезжает. Может в таблицу что-то вынести или что тут можно сделать? Свойств дополнительных указать, не знаю.

Я бы сказала что на широком мониторе и в ИЕ не все хорошо. Переверстывать нужно с самого начала и проверять - как заметили что что-то поехало - сразу править.

P
На сайте с 23.01.2008
Offline
74
#6
mecho:
Только все-равно не пойму почему в ИЕ7 все выглядит как надо, а в остальных браузерах съезжает.

Наверно потому что Вы дизайн под IE затачивали.

На самом деле "выглядит как надо" это как раз в Опере и ФФ, а в ИЕ ...;)

... или что тут можно сделать?

Для первого раза лучше делать "табличную" верстку.

M
На сайте с 02.05.2008
Offline
15
#7
Playmаn:
Наверно потому что Вы дизайн под IE затачивали.
На самом деле "выглядит как надо" это как раз в Опере и ФФ, а в ИЕ ...;)




Для первого раза лучше делать "табличную" верстку.

Ну так табличной уже верстала. Хочется уже "нормально" научиться.

"Затачивала" действительно под ИЕ.

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

mecho добавил 01.06.2008 в 11:08

Jenis:
Я бы сказала что на широком мониторе и в ИЕ не все хорошо. Переверстывать нужно с самого начала и проверять - как заметили что что-то поехало - сразу править.

У самой широкоформатник. Там есть, что править, но дизайн не плывет и не сбивается в кучу. Я это имела ввиду

viКing
На сайте с 20.03.2008
Offline
124
#8

mecho, я бы для начала порекомендовал посмотреть как делаются разные шаблоны на дивах, а потом попробовать написать что то подобное самой. Глянь здесь - http://blog.html.it/layoutgala/ тут собрана целая коллекция разных макетов на дивах

banshee(oleg)
На сайте с 12.08.2007
Offline
140
#9

В фаерфоксе вообще страсть, все разъехалось. Я бы, кстати, им бы и советовал пользоваться, совместно с плагином для проверки валидности Tidy HTML Validator (там и подсказки встроенные есть). И за основу взять подходящий типовой макет с ссылочки из предыдущего сообщения.

M
На сайте с 02.05.2008
Offline
15
#10
viКing:
mecho, я бы для начала порекомендовал посмотреть как делаются разные шаблоны на дивах, а потом попробовать написать что то подобное самой. Глянь здесь - http://blog.html.it/layoutgala/ тут собрана целая коллекция разных макетов на дивах

Спасибо, поковыряюсь.

mecho добавил 01.06.2008 в 12:04

banshee(oleg):
В фаерфоксе вообще страсть, все разъехалось. Я бы, кстати, им бы и советовал пользоваться, совместно с плагином для проверки валидности Tidy HTML Validator (там и подсказки встроенные есть). И за основу взять подходящий типовой макет с ссылочки из предыдущего сообщения.

Я верстала дивами только прямоугольные штуки и не сложные совершенно. А тут действительно все разъезжается, и в кучу собирается.

Валидатором пользуюсь для ИЕ, как-никак больший процент людей-потребителей им пользуется.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий