RedRat

Имеется базовая тема Zen для Drupal с адаптивным дизайном на основе Zen Grids. Для экранов размером от 480 до 960 пикселей страница в ней бьётся на три колонки, две занимает контент и одну - сайдбар: @media all and (min-width: 480px) and (max-width: 959px) { .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; } Для экранов шире 960 пикселей страница бьётся на 5 колонок, четыре занимает контент и одну - сайдбар: @media all and (min-width: 960px) { .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */ float: left; width: 80%; margin-left: 20%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; } Хочется сделать так, чтобы для экранов шире 960 пикселей сайдбар имел фиксированную ширину, 300 пикселей например. Подскажите, как должен выглядеть код для второго стиля? Ведь указывать ширину в процентах, как я понимаю, уже не получится, но и ширина #content в пикселях тоже не известна.

В общем, пока решил проблему написанием на первом сервере PHP-скрипта, который отдаёт содержимое статики, обёрнутое в JavaScript. А уж JavaScript разрешается с любого домена грузить. Схема кривая, но вроде работает.

Увы, состав содержимого заранее неизвестен, так что подогнать под него не получится. :-( Попробовал реализовать через XMLHttpRequest, данные нормально грузятся, но сам браузер выдаёт предупреждение, мол, идёт обращение к другому серверу, поэтому требуется разрешение пользователя. Что, опять же, неприемлимо. В общем, пинцет. :-/

На стороне КАКОГО сервера?! Я же объясняю, что HTML-файл лежит на одном сервере, а данные из него должны выводиться на страничке другого сервера (на котором даже PHP не запустить - есть возможность только добавлять/изменять HTML/CCS). Поэтому и вся надежда только на JavaScript. А он, к сожалению, умеет инклюдить только локальные файлы. Но задача-то типовая, наверняка её кто-то уже решал.

Имеется некий сервер, на котором лежит периодически обновляемый статический HTML-файл. Надо загрузить его содержимое в div на другом сайте. С помощью IFrame это делать неудобно, так как заранее не известен объём файла, а IFrame требует явного указания ширины и высоты. Видимо, остаётся только вариант с JavaScrip-ом. Может, у кого-нибудь есть пример, как такое на нём можно сделать?

Перевести - не проблема. Вопрос в другом - оправдана ли будет такая трата времени? Текст там простой, но его много, а читателей у него - всего пара человек.

Ещё одна полезная ссылочка. Beware of XHTML Человек подробно и на примерах разбирает мифы относительно XHTML.

Вот, может, кто ещё не знает. Position Is Everything Собственно, на сайте собраны все известные баги с их возможными решениями. Самый большой список, как не трудно догадаться, принадлежит всеми любимому IE. Ещё там есть весьма продвинутый генератор шаблонов. Всё, разумеется, на английском.

Ага, хороший вариант, только та же беда: div #content не растянуть до футера. Впрочем, эту проблему можно решить используя фоновое изображение. А высоту футера задать не в пикселях, а в em - тогда получится динамически её менять в зависимости от размера шрифта (у меня подруга именно так всё и смотрит). В общем, спасибо за вариант! :-)

Ну, какие-то стандарты при валидном доктайпе он всё-же должен поддерживать. Осталось только выяснить - какие... :-/ Да, такой вариант я уже обдумывал. Не хотелось только с графикой связываться - придётся привязываться к пикселям, а не к em, да и в случае "поехавшей" разметки эффект будет некрасивее. Так что попробую пока с помощью вложенных таблиц реализовать, а там, видимо, придётся на блоки переходить. P.S. Если честно, такого "западла" я от фирмы Майкрософт не ожидал! То, что в qurks mode ИЕ рендерит, как бог на душу положит - это ожидаемо было, но что в стандартном режиме у него ТАКИЕ косяки вылезут - для меня стало полной неожиданностью! Вот и верь после этого людям... :-/

Бэкграунда никакого нет, просто серый фон. Макет примерно такой, просто хочу его валидным доктайпом сделать, а то в qurks mode оформление в разных браузерах плывёт.

К сожалению, в таком варианте контент не растянуть до футера, а в моём случае - это критично. Я бы с радостью, но у блочной вёрстки - те же самые проблемы: пустой блок контента не растянуть до футера. Плюс там отдельный геморрой с самим футером, а точнее - с его абсолютным позиционированием. P.S. Вот же ж блин! Придётся отказываться от хорошего макета и придумывать что-то другое. :-(

Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Table Test</title> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } #main { width: 80%; min-width: 80%; height: 100%; min-height: 100%; background: yellow; margin: 0 auto; border-collapse: collapse; border: 1px solid black; } * html #main { width: 80%; height: 100%; } #head, #foot { height: 2em; border: 1px solid black; } </style> </head> <body> <table id="main"> <tr><td id="head"> <p>Header</p> </td></tr> <tr><td id="center"> <p>Content</p> </td></tr> <tr><td id="foot"> <p>Footer</p> </td></tr> </table> </body> </html> Собственно, я просто хочу удостовериться: решения этой проблемы действительно не существует, а все попытки сделать валидный код такого макета - изначально безнадёжны?

А это можно сделать через div? С уч?том того, что средний div должен быть растянут между верхним и нижним, и общая высота дивов должна составлять не менее 100% высоты экрана? Есть куча вариантов, в которых используется "пустой див", резервирующий место для футера, но мне нужно, чтобы средний див доходил именно до самого футера. Я сам сейчас бьюсь над этой задачей, и до сих пор не могу найти решения... :-(