Два DIV`а в "обратном" порядке - HTML и CSS - Страница 2

sa_t_an · 15.08.2009, 21:08

Ага... теперь понятно, ну давайте посмотрим тогда вот сюда

http://bitby.net/web/kak-prizhat-podvalfuter-k-nizu/

и суда

http://alt-f4.ru/node/25

Вообще сразу почему не получается? Потому что, когда начинаешь верстать блоками, остаются устойчивые ассоциации от табличной верстки. Табличная не очень хорошая верстка, так как теряется семантика и поисковики порой не правильно индексируют странички...
Ну да ладно...

Вот смотрите на логическое построение блочной верстки (упрощенно)

Итак по пунктам
1. Делаем 3 блока (шапка, центр,подвал, может и навигационное меню) и прижимаем подвал в низ
например как сдесь
http://techmeat.net/2008/09/30/prizh...k-nizu-ekrana/

2. Как только добились кроссбраузерности, в центр вставляем левое меню и контентную часть и начинаем работать с ними, то есть так как у нас уже сверстан скелет, работаем только с центром
например как сдесь
http://www.artlebedev.ru/tools/techn..._floats_in_ie/

3. Помним что не всегда можно растянуть блоки на 100% высоты экрана.
поэтому бежим суда и смотрим примеры
http://www.cssplay.co.uk/menu/

там на различные темы, начиная от меню и кончая индивидуальными решениями под браузеры...

wall66 · 15.08.2009, 22:11

кстате, на самом деле, вот хороший пример: http://blog.html.it/layoutgala/LayoutGala13.html

оба боковых блока после контента, оба фиксированной ширины, контент растягивается на всю оставшуюся ширину
думаю, если грамотно убрать правый блок - ничего страшного не будет

sa_t_an · 15.08.2009, 22:25

Вообще http://blog.html.it/layoutgala/ хороший сайт примеров

white[43] · 16.08.2009, 00:10

sa_t_an, wall66
Спасибо. Я догадывался, что сделал череж ж..., но чтобы настолько через ж... хД))
Думаю, с этим материалом получится. Уже попробовал и пока очень доволен.
Обоим плюс в репу с меня. =))

15.08.2009, 22:11	#12
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	кстате, на самом деле, вот хороший пример: http://blog.html.it/layoutgala/LayoutGala13.html оба боковых блока после контента, оба фиксированной ширины, контент растягивается на всю оставшуюся ширину думаю, если грамотно убрать правый блок - ничего страшного не будет Notepad2 *свободен...*

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
при вводе на листе "магазин"- код товара появлялось "описание" товара из "склада" с "продажной ценой"	aleksei78	Microsoft Office Excel	13	25.08.2009 12:04
блок "cont" с права не принимает значение "margin: 10px;" которое описано в body	tabikA	HTML и CSS	5	24.02.2009 21:50
Может ли работать одновременно два "инета"?	Лукманов Александр	Компьютерное железо	4	01.02.2009 20:23
если пользователь наберет какой-то другой символ не "y" или "n" и нажмет enter, программа проигнорирует	skobets	Общие вопросы C/C++	2	03.06.2008 06:51
Помогите!Срочно! "Составьте программу получения в порядке убывания всех делителей данного числа"	koston	Паскаль, Turbo Pascal, PascalABC.NET	2	26.03.2008 12:34

15.08.2009, 21:08	#11
sa_t_an Пользователь Регистрация: 27.04.2008 Сообщений: 38	Ага... теперь понятно, ну давайте посмотрим тогда вот сюда http://bitby.net/web/kak-prizhat-podvalfuter-k-nizu/ и суда http://alt-f4.ru/node/25 Вообще сразу почему не получается? Потому что, когда начинаешь верстать блоками, остаются устойчивые ассоциации от табличной верстки. Табличная не очень хорошая верстка, так как теряется семантика и поисковики порой не правильно индексируют странички... Ну да ладно... Вот смотрите на логическое построение блочной верстки (упрощенно) Итак по пунктам 1. Делаем 3 блока (шапка, центр,подвал, может и навигационное меню) и прижимаем подвал в низ например как сдесь http://techmeat.net/2008/09/30/prizh...k-nizu-ekrana/ 2. Как только добились кроссбраузерности, в центр вставляем левое меню и контентную часть и начинаем работать с ними, то есть так как у нас уже сверстан скелет, работаем только с центром например как сдесь http://www.artlebedev.ru/tools/techn..._floats_in_ie/ 3. Помним что не всегда можно растянуть блоки на 100% высоты экрана. поэтому бежим суда и смотрим примеры http://www.cssplay.co.uk/menu/ там на различные темы, начиная от меню и кончая индивидуальными решениями под браузеры...

15.08.2009, 22:25	#13
sa_t_an Пользователь Регистрация: 27.04.2008 Сообщений: 38	Вообще http://blog.html.it/layoutgala/ хороший сайт примеров

16.08.2009, 00:10	#14
white[43] Регистрация: 14.08.2009 Сообщений: 8	sa_t_an, wall66 Спасибо. Я догадывался, что сделал череж ж..., но чтобы настолько через ж... хД)) Думаю, с этим материалом получится. Уже попробовал и пока очень доволен. Обоим плюс в репу с меня. =))