Кросбраузерная верстка

Весьма не убедительная верстка:

http://darkly.org.ua/images/background.jpg

Попробуйте всё-таки её сделать.

Я только учусь. Это мой первый сайт на div-ax, не так уж много сверстал(только блоки оформил без графики и текста) и сразу искажение. Пожалуйста скажите можно что либо сделать без применения хаков для оперы?

Исправился, даже валидатор перестал выдавать ошибки.

Теперь возник другой вопрос. Не получаеться у меня бороться с фоновыми изображениями. Посмотрите пожалуйста на мою верстку itfiles.org.ua, я сделал фоновыми изображениями блоки, но при увеличении размеров бока все плывет и блоковый имейдж начинает размножаться. У меня предчувствие, что начал что-то не то делать. Я хочу только что бы фоновое изображение в блоках маштабировалось. Помогите пожалуйста.

думаю, что не получится. Картинка не может же растягиваться

посмотрел на код он же табличный ,а не блочный. Используй таблицы и дивы вместе ,самый компромисный вариант :)

Скажите пожалуйста, если с фоновым изображением нельзя шутить растягивая, каким способом на тег img наложивать текст что бы достичь желаемого результата мастабирования? Или может другой способ есть? Ведь делают же люди масштабирование:(

Но как? Как таблицами это реализовать? Я веть на css написал основной код.

Честно говоря. не совсем понял :(

но мне кажется, что background-position и background-repeat

(в данном случае background-repeat:no-repeat) помогут

1. Посмотрите за счет чего у других масштабируется бэкграунд (наверное существует место, которое можно потянуть - повторяющийся рисунок)

2. Какая разница таблицами реализовывать или дивами, css должен быть всегда - это отдельный файл, независящий от того как вы верстаете.

спасибо.:o:o:o:o

Пожалуйста помогите не знаю метода, как решить эти вопросы. Я попытался вписаться, как можно в меньший текст.

Проблемма номер РАЗ!

Это скрин без подключения футера

http://darkly.org.ua/temp/16.05/footer_error/ie6_without_footer.JPG

т.е с ним все в порядке, растояния как я и определил от низа страницы.

А вот разные расстояния при подключении ФУТЕРА

Для файрфокс версии 3

http://darkly.org.ua/temp/16.05/footer_error/ff3_footer.JPG

Для всеми любимого ие6

http://darkly.org.ua/temp/16.05/footer_error/ie6_footer.JPG

Опера вдобавок ко всему и опустила внутренние слои за пределы футера:

http://darkly.org.ua/temp/16.05/footer_error/opera9.27_footer.JPG

-----------------------------------------------------------------------------------------------------------------

Проблемма номер ДВА!

При подключении якобы дефолтовой таблицы стилей от Joomla font.css появляеться расстояние(раздвижка слоев) между слоями шапки и нижних трех.

В ff3 и opera расстояние между слоями, как в ie6. Но в ie слои текста(главная, О нас, Участики... все что в шапке) взяли отличные от ff и opera расстояния.

Скриншоты:

http://darkly.org.ua/temp/16.05/header_error_from_font.css/ie6_header_with_font.css.JPG

http://darkly.org.ua/temp/16.05/header_error_from_font.css/opera9.27&FF3_header.JPG

Фактически я нашел корень второй проблеммы в файле font.css методом удаления кода и проверки в браузере. Все дела в свойстве font-size, она задаеться для всех дивов 1em. Но как же сделать шрифт для div-ов однотипным если обнулить эту величину? Вот этот кусочек кода.

/* Форматирование текста, не являющегося ссылкой */

p, td, tr, div {

font:;

color:;

font-size:1em; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /* отступ по вертикали: сверху/снизу */

padding:0 0em; /* отступ по горизонтали: слева/справа */

background:;

}

Футеры у трех этих браузеров смещаються на разную величину.

Скрины похожие, как в проблеме №1.

Все это можно отследить по адресу http://darkly.org.ua/