Помогите с кроссбраузерностью

[Nird]

Здравствуйте, товарищи разработчики.

Намекните, пожалуйста, как поправить сие чудо http://terramedika.ru/ в firefox 2. Первый раз я разозлился,что не работает в фф. В остальных браузерах вид более-менее приемлимый. А то ситуация как всегда: верстка горит,а времени нет.

Хотя бы очень грубые ошибки,а дальше буду додумывать

[Nird]

хм,а может это глюк? суть такая, что во втором фф у меня едут блоки. правда второй фф у меня портебл. может поэтому?

[Vlad]

А что конкретно не так? у меня FF3, в нем вроде все нормально отображается.

[Nird]

А что конкретно не так? у меня FF3, в нем вроде все нормально отображается.

честно говоря, там все не так. например, слетели все обтекания. Это моя первая верстка, где я пытался соблюдать семантику, но допустил, видимо, грубые ошибки.

Скриншот FF2 Portable

[Виртуал]

Собалезную. Второй фаерфокс это еще тот пиздец. Желаю ему сдохнуть быстрее шестого экслорера.

[Nird]

Собалезную. Второй фаерфокс это еще тот пиздец. Желаю ему сдохнуть быстрее шестого экслорера.

благодарен за ваши переживания, но мне бы совет)) хотя бы тычок носом куда-нибудь по теме моего вопроса

[Виртуал]

Ну если у дива с меню убрать width совсем, он становится на место. Если указать хоть 1%, он становиться 100% (какой хороший фаерфокс).

А вообще вы что-то ему нехорошнее сделали, конечно всяких глюков видел но чтобы так. Может какая-то особенность в одном месте срывает ему мозг на всю оставшуюся страницу.

[Nird]

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

[Vlad]

Переверстай шапку, используя не float, а позиционирование. Для этого вставляешь у maindiv - position: relative, а вложенным слоям - position: absolute. В этом случае координаты вложенных слоев можно задавать относительно maindiv. Только придется проверять в IE6, если ты на этот браузер ориентируешься.

[yopopt]

Уберите float:left; в .maindiv. Зачем он там вообще? После должно быть всё нормально. И у .sizebox он тоже ни к чему.

Самая грубая ошибка, которую заметил беглым взглядом:

<span class="contact-txt">Запись по телефону<p class="contact-phone">8 (83159) 9-95-96</p></span>

Нельзя вкладывать блочный элемент во встроенный.

[Nird]

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

я почему добавил float:left; в .maindiv — где то в ie6 был глюк, что у блок, которые внутри себя содержит другой блок с float:left; тоже должен быть float:left; иначе родительский блок схлопывается. Вот и начал пихать везде обтекание.

А с блочным я тоже неправ. Приглючило меня что span - блочный элемент. Докучи нашел что пара классов не были закрыты в css. Еще раз огромное спасибо! Как всегда - первым делом внимательность.