Кроссбраузерная вёрстка(Ios safari...)

[Briss]

Имеется сайт http://epicforever.ru/

Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал.

Зарнее спасибо)

[solovets-denis]

Если надо "дотянуть" второй див до высоты первого, то посмотрите http://habrahabr.ru/post/64173/ (включая комменты) и http://habrahabr.ru/post/64242/

Но, как было сказано Яндексом, не стоит так уж сильно бояться таблиц. Если таблица помогает решить задачу быстро, просто, без CSS и JS наворотов и кроссбраузерно, то почему бы и нет?

[Briss]

Так получится некрасиво, дотягивать не хотелось бы...

[USF]

Can't select DB

[Briss]

Никогда не берите хостинг мажордормо...

[solovets-denis]

Тогда попробуйте в css3 media queries для этих блоков прописать font-siE:90%; или меньше. Т.е. решить проблему отдельным стилем для мобильных устройств.

[Briss]

Всё таки думаю попробовать с вытягиванием первого дива до размеров второго.. не хочется загружать яваскриптами.

UP: Сделал через max-device-width , всё таки, через media queries...

Спасибо за помощь)

Edited August 31, 2012 by Briss