Ослик и Опера = сайт кривой :(

[Aleck D.Shadow]

Делаю сайт по просьбе :
делал в ослике(IE) там вроде все тип топ.
http://1.psp2.peterhost.ru/index.php
посмотрели в Опере полнейший  попиус.
Почему так ? 
Пдскажите как сделать кроссбраузерно?

[RXL]

Aleck D.Shadow, вопросы:
1. Опиши замеченные проблемы.
2. Через Mozilla проверял?

[RXL]

Через Mozilla: часть текста в левом столюце белого цвета (на светлоголубом фоне) - не видно. Видимо ты не выше определил белый цвет, а ниже не переопределял (я код проверять не стал).

[Aleck D.Shadow]

В мозиле верхняя часть в норме (хоть чтото ),
а вот начиная с меню все поехало!
Там меню и подписка должны быть с красным фоном, а в мозиле почему то светлоголубой.
И еще женщину на меню снесло
А картинки возле названий статей, Последних новостей и подписки тоже куда то делись.
 
Ндя...

[RXL]

Aleck D.Shadow, для начала проверь сайт валидатором и исправь указанные им ошибки. Это уменьших количество возможных проблем. Потом посмотрим еще раз.

[Aleck D.Shadow]

RXL, что есть "валидатор" ? Я так понимаю проверяльщик кода, а где взять? Как его оригинальное название?

[RomCom]

Бесплатную (lite версию) скачать можно сдесь: http://www.htmlvalidator.com/lite/
А ошибки на странице есть. Например в одной таблице пропущен блок <tr></tr>, ослик такое хавает а другие браузеры нет.

Код:

<table Width="100%" Height="100%" cellspacing="0" cellpadding="0" border="0">
<td Width="10">&nbsp; </td>

[Aleck D.Shadow]

Даже про нашел http://forum.nomerkov.net/showpost.php?p=38415&postcount=538
Сейчас попробуем.

[Aleck D.Shadow]

Ого скока я багов то наделал...  ха-ха нестандартным путем пошел 

[Aleck D.Shadow]

Итак мои результаты проверки и корректировки:
HTMLValidator
остались одни незначительные warning'и.

http://validator.w3.org а здесь проверял, то почему-то не прошла проверку такая конструкция
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="..
а именно height="100%", говорит что в этом тэге использовать нельзя.

В результате просмотра в
Ослике  - ничего не изменилось, все в норме.
В Опере - все отцентрировалось.
В Мозиле - картинок у статей нет, картинка с девушкой "наехала" на меню.

Ндя....

[RXL]

Aleck D.Shadow, атрибута height для таблиц в стандарте нет, но браузеры поддерживают.
Теперь, когда ты приблизил код к стандарту, у тебя начинается самая интересная работа - доводка под разные браузеры.

Насчет первой страницы: поставь распорку 1.gif. Или надо было все три вертикальные части заключить в таблицу.

Картинки в "статьях"в Mozilla вижу.

[Aleck D.Shadow]

RXL, я вот и чувствую что будет.... А я наивно полагал что уже заканчиваю
Что есть распорка 1.gif? Что значит в таблицу имеется ввиду  левая колонка + меню плюс основная информативная часть?

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

[Sel]

Aleck D.Shadow, а контент тоже твой? Если да, то там тоже есть, что поправить... в плане опечаток...

[Aleck D.Shadow]

Странная штука,а Dreamweawer вставляет этот height в <table>.

[Aleck D.Shadow]

Sel, а что там не так?

[RXL]

1.gif - это картинка 1х1 с прозрачным пикселом.

Распорка:
<img src="1.gif" width="100" /> - это создает несжимаемый элемент шириной 100 пикселей и высотой 1 пиксел.
<img src="1.gif" height="100" /> - это создает несжимаемый элемент шириной 1 пиксел и высотой 100 пикселов.

[Aleck D.Shadow]

RXL, спасибо, будем пробовать. Блин, хостер заблокировал мой сайт. Где бы взять бесплатный с mysql.

[Chuda]

бесплатных с mysql не бывает.
а если и бывает, то не стоит овчинка выделки.
лучший вариант - поднять сервер у себя, и скорость выше и трафик не тратишь.
иной раз приходится страницу несколько десятков раз поправить, чтоб получилось то, что надо.

[Aleck D.Shadow]

Chuda, согласен.

[Aleck D.Shadow]

1.gif - это картинка 1х1 с прозрачным пикселом.

Распорка:
<img src="1.gif" width="100" /> - это создает несжимаемый элемент шириной 100 пикселей и высотой 1 пиксел.
<img src="1.gif" height="100" /> - это создает несжимаемый элемент шириной 1 пиксел и высотой 100 пикселов.

Помогло, вот ведь еще и распирать надо. Блин все у человека так: тут подпереть, тут подклеить, тут замазать.
А я думал это только у русских.

[RXL]

Просто развитие HTML слишком стихийно происходило.

В порядке эксеримента попробуй style="width: NNNpx" в ячейках. Думаю, если будет содержимое, которое в данных рамках не сможет уместиться, ячейки раздинутся.