HTML5 и CSS3

mff
На сайте с 21.02.2008
Offline
282
mff
5350

Здравствуйте коллеги.

Перегуглил пол интернета в поисках ответа на вопрос: можно ли такое сделать на HTML5 и CSS3

?

Футер прижат к низу, ширина макета 100%, левая панель всегда 240 пикселей, правая 200, центральный контент занимает оставшуюся ширину.

Таблицей сделать такой макет - 5 минут. А вот как на счет HTML5?

P.S. В сети встречаются примеры как правило макета блога на HTML5, слева контент, справа панель.

Управление репутацией в сети: https://timbook2.ru/
[Удален]
#1
mff:
можно ли такое сделать на HTML5 и CSS3

а какой DOCTYPE, вы планируете использовать? :)

mff
На сайте с 21.02.2008
Offline
282
mff
#2

burunduk, вот такой: <!DOCTYPE html>

[Удален]
#3

mff, только вот проблема - он ни к чему не обязывает браузер :(

Lord Maverik
На сайте с 15.04.2003
Offline
471
#4

Тоже интересует такой момент. Пока единственно рабочий вариант у меня получается только на таблицах :( Вся загвоздка в height="100%".

Есть еще вариант сделать без высоты в 100%. А далее уже на яве определить высоту видимой области, и если в итоге шаблон (макет) меньше ее, то уже подогнать ее под требуемый размер.

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)
mff
На сайте с 21.02.2008
Offline
282
mff
#5

Да. А чем это чревато? Мне нравится такой короткий DOCTYPE, как в HTML5 :)

[Удален]
#6
mff:
Да. А чем это чревато?

сложно предсказать как будет отображена страница

попробуйте взять страницу с более менее сложной вёрсткой и поиграйтесь разными DOCTYPE и его отсутствием :)

Lord Maverik
На сайте с 15.04.2003
Offline
471
#7
mff:
Да. А чем это чревато? Мне нравится такой короткий DOCTYPE, как в HTML5

http://www.webmascon.com/topics/coding/25a.asp

DOCTYPE показывает браузеру как именно интерпретировать Ваш код. Не абы кабы, а по каким именно правилам.

mff
На сайте с 21.02.2008
Offline
282
mff
#8

burunduk, Lord Maverik, да да, я знаю про DOCTYPE. Но я подумал, раз уж в HTML5 отменили этот идиотизм, значит это не играет более роли.

Эх, похоже подобные резиновые макеты так и придется верстать таблицами :(

C
На сайте с 04.02.2005
Offline
291
#9

и на дивах такой макет верстается...

1. ищем - прижать футер - найдете много интересного и кросбраузерного

2. ищем - также много интересного - не пожалеете затраченного времени

Lord Maverik
На сайте с 15.04.2003
Offline
471
#10
Chukcha:
и на дивах такой макет верстается...
1. ищем - прижать футер - найдете много интересного и кросбраузерного
2. ищем - также много интересного - не пожалеете затраченного времени

Может сделаете пример? :) Посмотрим, как оно легко.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий