Кросбраузерность

  • Автор темы Автор темы 550953
  • Дата начала Дата начала
Статус
Закрыто для дальнейших ответов.
5

550953

Участник
Топикстартер
Сообщения
15
Реакции
0
Здравствуйте помогите пожалуйста привести к человескому виду сайт, что бы он был кросбраузерным или толкните меня на какую то умную книгу.
Я сделал только верстку слайсов, больше не добавлял не чего, а кросбраузерность не удалась.
Вот ссылка на мою верстку itfiles.org.ua и тесты в разных браузерах itfiles.org.ua/temp/cross.rar
 
Ответ: Кросбраузерность

2 All

cross.rar весит 44.2 MB!
 
Ответ: Кросбраузерность

Evgen сказал(а):
2 All

cross.rar весит 44.2 MB!
Нажмите, чтобы раскрыть...

С залил все скрины от большего количества браузеров. Открыв страничку в firefox вы увидите полноценное отображение слайсов. Для ie6, ie7 - увидите отображение странички в двух разных искаженных, до потери пульса, вариантах.
 
Ответ: Кросбраузерность

а зачем все резать то? фон надо целиком дать, кнопки потом поверх раскидать... ссылки я кстати давал Вам недавно, похоже, не стали читать :(
 
Ответ: Кросбраузерность

Skvoznyak, спасибо я начал читать статьи из http://htmlbook.ru/, достаточно доступно описаны моменты верстки. Пожалуйста если я вас не утружу взгляните на мою верстку http://itfiles.org.ua На данный момент визуальных ошибок не обнаружил, хотелось бы узнать возможные подводные камни, если таковые имеються.
 
Ответ: Кросбраузерность

Сайт успешно проходит валидацию.
Так что кроссбраузерность, считай, достигнута.
Для тех браузеров, кто нормально поддерживает XHTML 1.0 Strict. ))
 
Ответ: Кросбраузерность

я уже смотрел. не вникая глубоко - у Вас идеологическая ошибка - Вы средствами CSS продолжаете имитировать табличную верстку.
 
Ответ: Кросбраузерность

Здравствуйте. Я доверстал теперь ошибок не возникает. А каким же способом тогда сделать универсально если это называеться имитированием табличной верстки? Покажите пожалуйста пример.
Меня друг мазахистом обозвал, за то что я столько переделываю страничку сайта)))
 
Ответ: Кросбраузерность

У меня есть строка
<div class="fl"><img src="images/header/index_01.jpg" alt="" /></div>
Преобразование по типу с таблицами не привело к нужному результату:
<div class="fl" style="background:url(images/header/index_01.jpg)no-repeat;"></div>
Я не вижу другого способо, как только выделить под кажое изображение в css свой id, у меня 98 изображений.
Пожалуйста скажите, как мне применить background?
 
Ответ: Кросбраузерность

Исходя из того, что я не смотрел код вашей верстки (а Сквозняк - молодец), спрошу следующее:
не пробовали ли вы воспользоваться
1) <body background="url">
2) <table background="url">
 
Ответ: Кросбраузерность

Пожалуйста, поправьте меня, я по разному пробовал фоновым сделать - безрезультатно.

<!--Выводит модули, а картинка index_35.jpg исчизает-->
<?php mosMainBody();?>

<!--Фоновое изображение-->
<div class="fl" background="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $GLOBALS[cur_template]; ?>/images/content/index_35.jpg" alt="" /></div>
 
Ответ: Кросбраузерность

попробуйте понять одну вещь... не нужно вам 96 изображений
у Вас есть 1 (!) фоновое изображение (условно говоря). есть несколько смысловых блоков содержания и есть несколько кнопок меню

вот и все что у Вас должно быть в верстке
сделайте один основной блок с бэкграундом основного изображения и поверх его раскидайте кнопки
попробуйте забыть о слайсах, нарезке для таблиц и т.п.
мыслите логически - есть смысловые блоки - они и должны быть в html
все оформление наслоим в файлах css
(и не надо включать css внутрь (inline) html кода)

когда я начинаю работать, я строю исключительно семантический html - в нем нет ни капли оформления, только содержание. заголовок - тело - меню - боковое меню - футер. все!

я могу конечно показать что бы я сделал с Вашим сайтом. но хотелось бы, чтоб Вы дошли до этого сами :)

вот например проект над которым я сейчас работаю - fein-mm.ru - взгляните на эту страницу, и сравните с Вашим кодом
 
Ответ: Кросбраузерность

Здравствуйте, Skvoznyak спасибо огромное за то что обьяснили. Пожалуйста взгляните, правильно ли я верстать стал http://darkly.org.ua
Могу ли я в таком духе продолжать дальше или это тоже будет не правильная верстка?
 
Ответ: Кросбраузерность

Пожалуй ответьте. Про проверьке на ie6 и ff3 ошибок не обнаружил глобальных(кроме сьезжания вверх на 2px в ff), opera подняла слои на 100px для хедера и left. Помогите пожалуйста.
 
Ответ: Кросбраузерность

если вам ничего нельзя менять в графическом оформлении, то проще подложить одну большую картинку бэкграундом :)
 
Ответ: Кросбраузерность

Менять можно все, это ведь мой psd-дизайн. Вопрос отпал, когда я убрал лишние надписи. Возник второй, тот который в самом начале возник. Не получаеться у меня бороться с фоновыми изображениями. Посмотрите пожалуйста на мою верстку itfiles.org.ua, я сделал фоновыми изображениями блоки, но при увеличении размеров бока все плывет и блоковый имейдж начинает размножаться. У меня предчувствие, что начал что-то не то делать. Помогите пожалуйста.
 
Ответ: Кросбраузерность

попробуйте большие блоки укладывать как кирпичи без принудительного позиционирования
т.е.
вместо
position:relative;
left:-400px;
float: left;
Нажмите, чтобы раскрыть...
использовать для всех блоков
float: left;
display: block;
Нажмите, чтобы раскрыть...
и изменить порядок укладки header << left << content << right << footer
 
Ответ: Кросбраузерность

и вообще со всеми блоками так
если нужен отступ - его легко делать полями margin и padding
 
Ответ: Кросбраузерность

faortto сказал(а):
и вообще со всеми блоками так
если нужен отступ - его легко делать полями margin и padding
Нажмите, чтобы раскрыть...
Да действительно, спасибо большое что поправили, я исправился.
Скажите пожалуйста, если с фоновым изображением нельзя шутить растягивая, каким способом на тег img наложивать текст что бы достичь желаемого результата мастабирования?
 
Ответ: Кросбраузерность

550953 сказал(а):
Да действительно, спасибо большое что поправили, я исправился.
Скажите пожалуйста, если с фоновым изображением нельзя шутить растягивая, каким способом на тег img наложивать текст что бы достичь желаемого результата мастабирования?
Нажмите, чтобы раскрыть...
тем и отличается вэб-дизайн от полиграфии.
надо либо делать блоки жесткими и не превышать определенных размеров, либо отказаться от этой ужасной идеи подкладывать уникальные картинки под фон блока.

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

как у вас получилось:
принята стандартная идея подачи >> украшательства >> а теперь надо в них впихнуть материал
 
Статус
Закрыто для дальнейших ответов.
Верх Низ