Сайты - по стандартам, но не стандартные сайты!
Есть макет
http://good-mountain-bike-gloves.com/!tmp
Header, left: float fixed 200px, content: margin left 200px fluid 100%, footer: clear both 100%.
Необходимо чтобы вся страница растягивалась на 100% по вертикали, даже если мало текста.
Указываю html,body {height:100%}
Как вообще поступать в таких случаях. Сайт должен быть полностью на дивах.
Надеюсь на вашу помошь.
Нет на форуме
http://webtest.chebykin.ru/articles/footer/
Нет на форуме
как говорится "o'k, wow!"
Нет на форуме
цитата:-------------------------------
Чтобы достичь желаемого, наиболее прямой путь — сделать подвал абсолютно позиционированным (position: absolute) по отношению к элементу body. (Хотелось бы, конечно, по отношению к html, но тогда не выполнится второе требование. Сами догадайтесь, почему.) Соответственно, сам элемент body для этого также придётся сделать позиционированным, причём относительно (position: relative). Опять же, догадайтесь сами, почему не absolute.-----------------------------------------
Я новичок, я не огадался. и почему же?
Нет на форуме
Действительно, как ты мог не догадаться :-) Почему же-почему же?
Нет на форуме
ну хорошо, всё замечательно в этом варианте, пока....
пока не появляется float если например в общем слое создать ещё два и спозиционировать их посредством float? то в MF и Opera всё летит к чертям... Footer отклеивается от нижнего края окна и налезает на слой.
Нет на форуме
Ну ты код клади, будем смотреть :-)
Нет на форуме
ну код можно было взять прямо из ссылки, я его не менял, ну вот, пожалуйста:
Footer Нижний колонтитул Content for id "header" Goes Here
в один из блоков left или right вставить побольше текста, чтобы он по высоте был больше окна
Нет на форуме
Хм...честно говоря, я не знаю, как бороться с флоатами, кроме как их убрать. Делается это простым рабоче-крестьянским методом В. Шандыбина под названием хак. Ознакомиться с описанием метода можно здесь: http://webtest.chebykin.ru/articles/sophistication
Правда, еще лучше воспользоваться условными комментариями.
Однако, я не смотрела в IE7 по причине отсутствия оного. Очень советую посмотреть и там.
Если узнаю о другом методе, обязательно сообщу.
Отредактированно Аня (01.02.2011 22:53)
Нет на форуме
Аня написал:
Правда, еще лучше воспользоваться условными комментариями.
это как?
Нет на форуме
Это сделать то же самое, только отделить стили при помощи условного комментария для IE. С выходом каждого нового браузера никто не может гарантировать рабоспособность хаков. А вот условные комментарии с этой точки зрения надежнее.
Нет на форуме
Аня, я всё равно не понял, как это выглядит, покажи, пожалуйста.
Нет на форуме
Glook, смотрите здесь: http://msdn.microsoft.com/workshop/auth … nt_ovw.asp
Нет на форуме
Эта таблица стилей будет работать только в IE всех версий:
Эта таблица стилей будет работать только в IE6 и всех его подверсиях (правда, их нет ):
Эта таблица стилей будет работать только в IE6 и более ранних версиях IE:
Эта таблица стилей будет работать только в IE7 и всех его подверсиях, если таковые будут:
Нет на форуме