20:17 

Решение одной проблемы, вопрос по другой

nickolas erphe
Свобода - это умение улыбаться (с)
Нужно было:
чтобы сайт в разных браузерах не открывал body шире 1280 (контент безобразно расползается на очень широких мониторах, неудобно).
Везде, кроме ИЕ. помогла след. вставка в css
BODY {
...
max-width: 1280px;
...
}
При этом на экранах с расширением шире 1280 появляется белая полоса справа.

В ИЕ оно не работало.
Сегодня добавил в тэг <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
"www.w3.org/TR/html4/loose.dtd"
= >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
В 9ИЕ все заработало.

А теперь собственно, вопрос:
можно ли методами css сделать так, чтобы контент был оцентрирован? (белая полоса и слева, и справа)?
вариант с дивами, типа описанного ниже, не помогли.
читать дальше

@темы: HTML, CSS

Комментарии
2012-01-08 в 20:27 

Я бы перестал насиловать body, положил бы всё содержимое в div#wrapper



А там пожалуйста, можно и ширину устанавливать, и центрировать.


Если уж берёмся указывать верхнюю границу ширины, логично было бы указать и нижнюю, 100px взял для примера.
Что касается max-width, то его понимает IE 8+.

2012-01-08 в 21:34 

alhames
alhames.ru
Что касается max-width, то его понимает IE 8+.
Седьмой тоже понимает,а для 6го есть хак. Впрочем, кого теперь 6й волнует..

Я бы перестал насиловать body, положил бы всё содержимое в div#wrapper
+1

А касательно доктайпа, то я всегда юзал
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Правда сейчас медленно и верно перехожу на
<!DOCTYPE html>

2012-01-08 в 22:03 

то я всегда юзал
и выполнял до последнего слеша? :gigi: начинающим не надо давать вредные советы, а то откроешь, там чистый HTML 4.0, а доктайпы все рисуют мало того что XHTML, так ещё и в Strict редакции.

2012-01-08 в 22:15 

alhames
alhames.ru
и выполнял до последнего слеша?
Угу. После одной неприятной придирки я установил плагин для анализа соответствия стандартам и старался править все возможные нарушения.
Правда стоит вставить виджет фейсбука или твитера - и сразу десятка три ошибок вываливается.

2012-01-08 в 23:29 

nickolas erphe
Свобода - это умение улыбаться (с)
X-WoL, alhames, Я бы перестал насиловать body, положил бы всё содержимое в div#wrapper
я попробую.
alhames,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
и выполнял до последнего слеша? :gigi: начинающим не надо давать вредные советы, а то откроешь, там чистый HTML 4.0, а доктайпы все рисуют мало того что XHTML, так ещё и в Strict редакции.
а можно начинающему вкратце указать, где самое страшное? Слово strict меня иррационально пугает...

2012-01-09 в 12:16 

Да страшного нет, дело в стандарте, если указываешь XHTML, то это должен быть XHTML, если Strict, то играй по жёстким правилам.
Основная разница между HTML и XHTML - жёсткая стандартизация кода, сделано для быстрого семантического разбора браузером, вкратце:
читать дальше

Кстати самая распространённая ошибка - отсутствие alt текста для изображений. А так, если выполнять эти требования, то можно и не пугаться.
XHTML 1.1 вообще никаких послаблений не даёт, а в рекомендации W3C написано, что правильный браузер не должен обрабатывать невалидный XHTML документ, но видимо браузероделы решили не делать резких движений.
Поэтому мы сейчас невалидные страницы видим и будем видеть дальше.

2012-01-10 в 14:42 

nickolas erphe
Свобода - это умение улыбаться (с)
X-WoL, спасибо!
Все проверки валидности html кода, которые попадались, как раз ориентировались на стрикт. А у клиента табличная верстка и куча прозрачных гифов в качестве "распорок"... какие им альты на фиг?

2012-01-10 в 17:39 

Таблицы хорошо дружат с CSS, а так, юзабилити и валидность всегда на разных концах одной палки.

     

@web-программирование

главная