Добро пожаловать! Это — архивная версия форумов на «Хакер.Ru». Она работает в режиме read-only.
 

Проблемы с DIV-версткой. Как исправить ошибку?

Пользователи, просматривающие топик: none

Зашли как: Guest
Все форумы >> [Web-дизайн] >> Проблемы с DIV-версткой. Как исправить ошибку?
Имя
Сообщение << Старые топики   Новые топики >>
Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-04 20:31:36.073333   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
Добрый день. Есть некоторый сайт: http://www.mooxee.com Сделан мной на DIV-ах, вручную (точнее, это смена дизайна сейчас происходит, в самом разгаре, так сказать, раньше была табличная верстка, но, не суть). Проблема в следующем:

Страница: http://www.mooxee.com/item.php?id=992, при растяжении вниз более, чем на 520px начинает залезать под footer ("подвал") при условии, что разрешение экрана маленькое (не обязательно разрешение менять - попробуйте просто зажать Ctrl и покрутить колесико для увеличения - поймете, о чем я говорю). В итоге, весь контент этого DIV-а проваливается вниз, с footer'а ссылки упозают в сторону - вид ужасный. Примечательно то, что такое поведение наблюдается в Mozilla FireFox и Opera. В Internet Explorer 8 все отображается нормально (зато, есть другие нюансы, которые он отображает иначе, чем другие браузеры, но, не об это сейчас речь). На странице, вроде этой: http://www.mooxee.com/pvpolicy.php такого поведения не наблюдается. DIV принимает размер содержимого (текста, в данном случае). Причем, аналогичная ситуация происходит, когда с item.php я убираю основное содержимое и заполняю его текстом. Другими словами, таблицу внутри себя DIV не видит, однако, по размеру текста (если таковой имеется, без таблиц), растягивается. Плюс, повторюсь, все это не касается MSIE8 (может, и других версий).

Цель: заставить страницу http://www.mooxee.com/item.php?id=992 (не обязательно с таким id, любую аналогичную страницу, в целом) отображаться нормально, при любом объеме информации, размещенной на ней.

Спасибо за внимание. У кого какие мысли по этому поводу?
Post #: 1
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-04 22:01:38.463333   
zhuk

Сообщений: 2962
Оценки: 10
Присоединился: 2007-02-20 21:00:01.303333
http://ajax.bungu.ru/fix-2sbars-left-right-sfooter.zip
Post #: 2
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-07 11:18:46.030000   
Pupkin-Zade

Сообщений: 9398
Оценки: 1489
Присоединился: 2004-03-10 13:54:16
DIV-ы для лохов, таблицы - для профессионалов :)
Post #: 3
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-08 00:22:23.913333   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
Я конечно, рад, что в теме кто-то отписался, но, все же, хотел бы получить совет, конкретно, по моей проблеме, а, не готовый шаблон верстки аналогичного моему сайта. Если быть достаточно внимательным - с версткой, в целом, проблем на сайте не имеется и все отображается нормально … за исключением страницы, ссылка на которую висит в первом посте. Менять всю таблицу стилей я не вижу смысла. Оправдано ли это, в моем случае?

quote:

DIV-ы для лохов, таблицы - для профессионалов

Честно говоря, не ожидал услышать такого ответа от администратора. Написал бы это кто-то другой - давно бы забанили. Думаю, что дискуссию на вечную тему, о преимуществе DIV-овой верстки над табличной (или, наоборот), разводить не будем. Я пользуюсь временами и той и этой. Просто, в этот раз, меня поставили перед фактом: нужны DIV-ы (по словам одного SEO-оптимизатора, сайты, сверстанные на DIV-ах, котируются у поисковых роботов Google выше, чем их табличные аналоги). Поэтому, исхожу из того, что имеется.
Post #: 4
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-08 00:34:20.250000   
Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666
Opera 10 - Ctrl+колесико - все ОК
Файрфокс 3.5.2 - Ctrl+колесико - тоже все ОК
Post #: 5
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-08 14:07:12.466666   
rgo

Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
Аналогично. Оперу, правда, лень запускать, но ff 3.x всё адекватно показывает.
Post #: 6
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-08 16:01:14.386666   
][aKER_теоретик

Сообщений: 1192
Оценки: 0
Присоединился: 2009-03-30 09:17:08.123333
У меня в IE8 тоже всё ок
Post #: 7
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-08 16:06:58.063333   
Cep}|{

Сообщений: 1396
Оценки: 0
Присоединился: 2007-06-26 01:11:51.416666
quote:

У меня в IE8 тоже всё ок

Читай внимательнее:
quote:

Плюс, повторюсь, все это не касается MSIE8 (может, и других версий).
Post #: 8
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-09 01:09:06.650000   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
Ну, правильно, конечно, нормально. Сейчас. Потому, что я нашел временное нерациональное решение - указал фиксированный размер блока (css-свойство height), чего делать не стоит, т.к., размер контента будет меняться, и вставил несколько &lt;p&gt;&amp;nbsp;&lt;/p&gt; (некоторые, даже, со спец-тегами для IE, я про &lt;!–[if IE]&gt;…&lt;![endif]–&gt;, т.к., IE себя вообще очень странно ведет, такое ощущение, что общепринятые стандарты его не касаются и разработчики решили придумать свои). Совокупность этих двух приемов дала результат, о котором все вы написали. Но, серьезного грамотного решения я так и не нашел.

Хотите посмотреть саму проблемную страницу? Специально дублирую файл с другим именем, без описанных выше "заплаток". Вот этот ужас: http://www.mooxee.com/item1.php?id=1047

Жду комментариев.
Post #: 9
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-09 10:18:35.013333   
zhuk

Сообщений: 2962
Оценки: 10
Присоединился: 2007-02-20 21:00:01.303333
Вёрстка настолько страшная, что лучше переделать заново.

Поэтому во втором посте шаблон, работающий даже в нескольких нетскейпах.
Post #: 10
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-09 18:14:26.060000   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
quote:

Вёрстка настолько страшная, что лучше переделать заново.

Забавно. Еще немного выше, было 3 поста о том, что все ок. Теперь, вся верстка, вдруг, в раз, стала "страшной". Что ты имеешь ввиду, под словом "страшная"? Плохая совместимость? Или, что-то отображается некорректно? Да, и еще: ты только про item.php говоришь, или, про всю верстку всего сайта, в целом?
Post #: 11
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-09 23:12:32.626666   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
Хм … Чтож, если вам нечего сказать - буду менять все радикальным образом … Возьму шаблон из второго поста. Уже нет больше времени ждать. И так, в сроки не укладываюсь.
Post #: 12
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-10 05:14:16.403333   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
Перенес код с того шаблона. "Переехал" на XHTML. Теперь, валидатор ругается. Гребанные <br>, <img> и прочую херню закрывать надо. Там еще и strict dtd был, поменял на transitional, а то, совсем вешаться можно …
Post #: 13
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-11 21:56:55.063333   
Pashkela

Сообщений: 3756
Оценки: 736
Присоединился: 2007-01-03 06:19:40.900000
если честно, визуально проблема непонятна. Куда не тыкаю, какие контрролы не зажимаю - всё ок. Опера 10.

Создай специально неправильную страницу отдельно при приведенных параметрах в первом посте. В этом твоя и ошибка - ты заставляешь людщей думать:)
Post #: 14
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-12 04:20:29.676666   
voody

Сообщений: 958
Оценки: 0
Присоединился: 2005-02-06 22:28:30
Уже поздно. Я же написал, что сменил таблицу стилей и перешел на XHTML. Проблема решилась таким радикальным методом. В чем было дело - так и осталось для меня загадкой.
Post #: 15
RE: Проблемы с DIV-версткой. Как исправить ошибку? - 2009-09-12 10:54:20.390000   
Crash Override

Сообщений: 5334
Оценки: 0
Присоединился: 2005-01-18 16:20:26

quote:

ORIGINAL: Pupkin-Zade

DIV-ы для лохов, таблицы - для профессионалов :)


xakep.ru в ms frontpage верстал, признавайся? :)
Post #: 16
Страниц:  [1]
Все форумы >> [Web-дизайн] >> Проблемы с DIV-версткой. Как исправить ошибку?







Связаться:
Вопросы по сайту / xakep@glc.ru

Предупреждение: использование полученных знаний в противозаконных целях преследуется по закону.