psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Хаа, весёлая история)
-
Нет, ещё и офисные плангтоны) Через год кстати 2-3% ещё останется 100%. Жаль Great Rash-а, этому камраду приходится исполнять прихоти своего начальника, который очень любит этот браузер.
-
Аа, я тебя понял. Спасибо.
-
Шапка и подвал фикс, остальное резина. Как?
psywalker replied to botyaslonim's question in HTML Coding
Аа, вот оно что, тогда извиняюсь. Способ хороший правда. -
Шапка и подвал фикс, остальное резина. Как?
psywalker replied to botyaslonim's question in HTML Coding
Да не, я конеш спорить не буду. Способ не плохой. Но по мне лучше пользоваться обычным и не париться. http://psywalker.ru/Forum/Footer_bottom/main.html -
Заходил сегодня периодически в эту тему, даже не знал, выдавать тайну или нет. Ну ладно, думаю пора: td {padding: ;}
-
Шапка и подвал фикс, остальное резина. Как?
psywalker replied to botyaslonim's question in HTML Coding
Ну слушай, это прям как то тяжеловато я бы сказал. Сразу абсолют в дело пускать. И ещё экспрешаны в придачу. Я бы предпочёл обойтись малой кровью. -
А что значит двойная валидация, покажи на примере плиз
-
Рассказываю, почему именно таблица. Во-первых структура по виду напоминает столбцы и никак не список. Во-вторых у нас в задаче сказано, что эти столбцы должны быть разбросаны по разным сторонам, т.е. зафлоачены, а значит если предположить, что нам неизвестно, сколько и где будет текста, т.е. скорее всего в итоге один столбец залезет под другой, а это явно не то, чего-бы хотелось автору. Так что таблица тут скорее всего подходит. Хотя я бы наверн сделал списками определений (<dl>), потому-что я лошара.
-
Шапка и подвал фикс, остальное резина. Как?
psywalker replied to botyaslonim's question in HTML Coding
Странно, мы как ни пробывали, найти не могли) -
Дружище, а вот об этом что можешь сказать? XHTML 1.0 Strict
-
Да кстати, на таблицу смахивает)
-
Шапка и подвал фикс, остальное резина. Как?
psywalker replied to botyaslonim's question in HTML Coding
Это очень сложный вопрос. Особенно тем с Подвалом всегда внизу никогда не возникало, и поиском нам пользоваться лень, если честно. Нам всем надо подумать. Если что нибудь сообразим - отпишемся) -
Вот все бы так делали.
-
<em></em> ?
-
Я бы такой попробывал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
Тогда делай выводы.
-
А на спеках помоложе ты уже собаку съел?
-
Поздравляю с новосельем)
-
CEBEP Уверен?
-
Рад был помочь.
-
У меня ничего не пропало.
-
SCHNITZER Смотри дружище, вот тебе два варианта. Или третий вариант - делай подвал #foot { position: fixed;} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Поиск по символам</title> <style type="text/css"> *{ margin: 0; padding: 0;} html,body { height: 100%; min-width: 800px;} #wrap { min-height: 100%; position: relative; overflow: hidden; } * html #wrap { height: 100%; zoom:1; overflow: visible;} #foot { position: absolute; bottom: 0; left: 0; width: 100%; background: red; height: 200px;} #basis { background: blue; margin-bottom: 220px;} </style> </head> <body> <div id="wrap"> <div id="basis"> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> </div> <div id="foot"> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> </div> </div> </body> </html> А вот кстати вариант такой же как и у тебя. И всё отлично работает. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Поиск по символам</title> <style type="text/css"> *{ margin: 0; padding: 0;} html,body { height: 100%; min-width: 800px;} #wrap { margin: 0 auto; min-height: 100%; width: 800px; overflow: hidden; } * html #wrap { height: 100%; zoom:1; overflow: visible;} #foot { margin: -200px 0 0;background: red; height: 200px;} #basis { background: blue; margin-bottom: 220px;} </style> </head> <body> <div id="wrap"> <div id="basis"> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> </div> </div> <div id="foot"> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> <p> * - фиксированная ширина контента 760px по центру; * - шапка 180px в высоту; * - вспомогательная колонка 180px в ширину, минимальная высота 250px; * - основная полоса 580px в ширину, минимальная высота 250px; * - подвал 40px в высоту, всегда прижат к низу экрана. </p> </div> </body> </html>
-
float:left; тебе в помощь.
-
float:left; тебе в помощь. Только изначально выкинь position: absolute;