psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Тыы думаешь она решённая?? хаахха, наивный ты человек.. мы только начали её решать, щас Камрады передохнут и снова думать возьмутся :D
-
Glebr давай лучше свой номер, я тебя найду быстренько)))
-
Cabalist А как ты думал? На этом форуме по-другому не бывает
-
Помоему это уже чисто спортивный интерес :D , но я только ЗА! А камрад который не в теме, дело говорит, строчечка дело меняем в ИЕ6 <?xml version="1.0" encoding="utf-8"?>
-
Нормал затею добили до конца, Отлично эксперты!
-
Nekromancer а ну-ка...
-
Great Rash Конечно же друг, молодец!
-
даа, это точно!
-
Да нее, это я понял, способ у меня говно - это явно! Но я вообще в принципе имел ввиду
-
Даже если и не сделаю (хотя уже идеи имеются), то всё равно пользоваться громоздкими способами считаю нерациональным!
-
Я не заметил глюков А насчёт этого *html .p {margin: 20px 10px 0 10px;} убрать не можно, а даже нужно, потому что в ИЕ6 в противном случае рамка по высоте прерывается на ста процентах, а потом как будто бы начинается сначала, это заметно по правой границе...
-
gordi Ну а тогда грош-цена твоему способу, потому-что ради достижения этой цели не рационально использовать такую жесть.. Вот классно было-бы, если бы ты написал код, который был-бы действительно минимальным, семантичным и красивым... Вот щас за 10 минут накидал вариант, хотя-бы с него можно уже было начать, а потом оптимизировать, сделать конфетку.. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;} html { height: 100%;} body { height: 100%; width: 90%; margin: 0 auto;} div.hdr { height: 10%; background: #900; } div.wrap { min-height: 80%; background: #FFC; overflow: hidden; position: relative; } div.left, div.cnt, div.right { position: absolute; top: 0; bottom: 0; width: 30%;} div.left { background: #0F0;} div.cnt { width: 40%; margin-left: 30%; background: #F00; } div.right { margin-left: 70%; background: #30C;} div.ftr { height: 10%; background: #9F0;} </style> </head> <body> <div class="hdr">HEADER</div> <div class="wrap"> <div class="cnt">CONTENT</div> <div class="left">LEFT</div> <div class="right">RIGHT</div> </div> <div class="ftr">FOOTER</div> </body> </html> Уж куда лучше и намного меньше код, чем у тебя)))
-
Да не то слово "Говно"...хуже
-
gordi Это для тебя не сложно, потому что ты ночами сидел, размышлял, думал, писал код, ты его уже наизусть знаешь и тебе кажется, что ничего сложного, а я например зашёл и охренел от обилия кода, даже не знал, с чего начать разбираться, Как можно понять, Три отделения шапки, Три Футера, и т. д. - жесть! Вот смотри, почему бы просто не начать так: <!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> </head> <body> <div class="hdr">HEADER</div> <div class="wrap"> <div class="left">LEFT</div> <div class="cnt">CONTENT</div> <div class="right">RIGHT</div> </div> <div class="ftr">FOOTER</div> </body> </html> ВСЁ! - этого достаточно, и уже с этим материалом работать, зачем всякие параграфы, множества лишних дивов и т. д. Для начала легче и правильно учиться на лёгких примерах, а не на той жести по ссылке, нахрена нужны 5 шапок, 4 футера и т. д. Это что касается HTML, а теперь переходим к CSS, такая же Жесть! Опять-же зачем так запутанно группировать все объявления, зачем писать много лишних свойств и значений? Почему-бы просто не сделать так Например: <style type="text/css"> html {} body {} div.hdr {} div.wrap{} div.left{} div.cnt {} div.right {} div.ftr {} </style> И ВСЁ! Просто и понятно, для каждого селектора свои объявления, и разобраться будет 5 секунд.. p.s. - щас зашёл опять посмотреть, вот ради прикола сравни мою запись с этой: <div class="header"> <div class="wrap"> <div class="center"><p>Header Center</p></div> <div class="left"><p>Header Left</p></div> <div class="right"><p>Header Right</p></div> </div> </div> <div class="middle"> <div class="wrap"> <div class="center"> <p>Middle Content</p> <p class="expand"><a href="#">Делаем колонку длиннее</a></p> <div class="box_500"><p>width:500px;</p></div> </div> <div class="left"> <p class="expand"><a href="#">Делаем колонку длиннее</a></p> <p>Middle Left</p> </div> <div class="right"> <p class="expand"><a href="#">Делаем колонку длиннее</a></p> <p>Middle Right</p> </div> </div> </div> <div class="submiddle"> <div class="wrap"> <div class="center"><p>Доп. блок Center</p></div> <div class="left"><p>Доп. блок Left</p></div> <div class="right"><p>Доп. блок Right</p></div> </div> </div> <div class="footer"> <div class="wrap"> <div class="center"><p>Footer Center</p></div> <div class="left"><p>Footer Left</p></div> <div class="right"><p>Footer Right</p></div> </div> </div>
-
к сожалению в Ие6 при заполении текстом пропадают рамки(((
-
gordi ну блин, вот про это я и говорил, зачем так всё усложнять, столько блоков, вложений и кода!!!..Почему-бы просто не написать простой пример состоящий из тех материалов, которые нужны, а не нагромождение дивов и кода? Я зашёл по ссылке и мне уже стало страшно от одного вида этой конструкции, а в код я вообще не хочу смотреть(посмотрел всёже), потому что представляю, что меня ждёт и как нудно и долго мне придётся отбирать нужный мне материал и код..И то это ещё ладно Я - человек немного разбирающийся в вёрстке, а если эту жесть увидит какой нибудь новичок, то представь, что с ним будет?
-
Great Rash ээхх, жаль конечно, хороший способ казался изначально..ну ладненько, будем думать дальше, хотя помойму лучше вашего варианта не придумать!
-
ну да, небольшие грешки за этим способом прослеживаются, но подождём других мнений, интересно послушать...
-
gordi А можно мне пример, в котором будет находиться: Шапка, Три колонки(в центре), Футер прижатый к полу конечно. Нужно, что-бы колонки в центре растягивались на всю высоту, причём всё это с минимальным кодом, очень интересненько позырить
-
аа, кстати недоглядел, если блок прячется под центральным, то возможно и правда z-index;
-
gordi 1) Да не скажи, я помню твои творения дивов вложенных в друг друга, по 10 слоёв, для тянущихся колонок, что аж можно запутаться.. 2) Большой код на мой взгляд... 3) Насчёт Ласто спасибо, буду знать!
-
да нихрена там не z-index; скореей всего overflow: hidden; автор на меню повесил
-
Nekromancer Ошибаешься друг, я проверял на разных разрешениях, Фотошоп всегда показывает РОВНО 10пикселов при любых раскладах, всё просто отлично высчитывается относительно размера экрана, опять-же если мне не веришь, можешь проверить сам, сделай скрин, открой фотошоп и убедись сам!
-
gordi Отлично дружище, ты всегда был на высоте, я учился на некоторых твоих приёмах, но единственное, что мне не нравится в твоих решениях, страшная замороченность со множеством элементов и хаков, но сами идеи и их цели вызывают радость... p.s. - одна вот эта жесть что стоит http://fixed.name/examples/lcf.htm p.s.s. - Кстати всегда хотел узнать, а кто такой Мистер Ласто?
-
Вот оно я всё таки сделал его - Решение я назвал "Эврика"... http://psywalker.ru/Forum/border-10px/ Что мы имеем: 1) Три объявления 2) Ноль элементов 3) Полностью кросс-решение, проверено во всех браузерах, особенно в ИЕ6 4) Не смотря на Проценты Рамка имеет ширину 10 пикселов, проверено и доказано в фотошопе.. 5) При заполнении содержимым всё также красиво, то-есть рамка растягивается, как и должна, опять-же во всех браузерах, включая ИЕ6 Минусы: В опере не высчитываются доли процентов, поэтому внизу под рамкой появляется, однопиксельный зазор, как его убрать, пока думаю, не хочется из-за этого косячка отказываться от этого способа, уже очень он мне понравился! <!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>Min-height and Border</title> <style type="text/css"> *{ margin: 0; padding: 0;} html { height: 100%;} body { min-height: 97.1%; border: 10px solid #000;} </style> <!--[if IE 6]> <style type="text/css"> body { height: 96.7%;} </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> body { min-height: 96.7%;} </style> <![endif]--> </head> <body> </body> </html> p.s. - по мне это идеальное решение, и лучше придумать врядли удастся. Great Rash зацените, скажите, что думаете по этому поводу?
