Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
Тогда уж проще сделать одну фоновую картинку (фон контента + фон левой колонки) и пустить ее на wrap
-
ага <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Стили</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> <!-- html, body { margin:0; height:100%; } #wrapper { height:100%; min-height: 100%; width:780px; margin:0 auto; height:auto !important; } #left { float:left; width:245px; height: 100%; background: red; min-height: 100%; } #right { margin-left:245px; height:100%; } #container{ height: 100%; overflow: hidden; background: green; } --> </style> </head> <body> <div id='wrapper'> <div id='container'> <div id='left'> Nullam quam dolor, dapibus vel sodales nec, tempus eu massa. Etiam vehicula ligula ut ante pulvinar pharetra. Ut sed convallis sapien. Donec in pharetra magna. In dapibus odio vitae eros pretium quis tempus purus tincidunt. Duis magna enim, varius nec rutrum eu, sollicitudin vel sapien. Phasellus ipsum sem; tincidunt in vestibulum non, porta eget magna. Donec varius, lectus eu dapibus adipiscing, odio mi semper ligula, ut rutrum ligula lorem nec dui. Nulla facilisi. Sed vel enim eu sem ullamcorper auctor in a lorem. Curabitur luctus nibh a erat mattis gravida. Etiam nibh tortor, feugiat ac scelerisque non, tristique non sapien. Proin lacinia dui in nunc adipiscing ullamcorper. Aliquam ac purus in dui porttitor posuere a eget felis. Suspendisse pellentesque fermentum elit quis sollicitudin. Nullam commodo malesuada dolor et bibendum? Proin non purus sit amet orci sagittis malesuada. Maecenas urna elit, mollis ut malesuada et, vehicula non augue. Integer in risus urna? Suspendisse feugiat, massa interdum semper suscipit, metus urna convallis dui, in pharetra felis justo ut risus. Nunc scelerisque, dolor convallis viverra congue, nulla dui blandit lectus, non sagittis ante nibh ac libero. Nam porta; sem non adipiscing vestibulum, enim est facilisis magna, vitae ultricies risus neque eget arcu. Nunc id felis diam, vitae fringilla lorem. Nullam dapibus mi quis tortor hendrerit sit amet tempor arcu gravida? Pellentesque dignissim tempor fringilla. Nam eu est dolor. Nunc elementum tempus ultricies. In interdum varius tellus non consectetur. Donec varius dui sed lectus auctor malesuada. Suspendisse potenti. Morbi et odio purus, nec sagittis justo. Quisque elit leo, ultrices eget malesuada et, euismod sit amet purus. Nunc id felis diam, vitae fringilla lorem. Nullam dapibus mi quis tortor hendrerit sit amet tempor arcu gravida? Pellentesque dignissim tempor fringilla. Nam eu est dolor. Nunc elementum tempus ultricies. In interdum varius tellus non consectetur. Donec varius dui sed lectus auctor malesuada. Suspendisse potenti. Morbi et odio purus, nec sagittis justo. Quisque elit leo, ultrices eget malesuada et, euismod sit amet purus. </div> <div id='right'> <!-- Содержимое правой колонки --> Right </div> </div> </div> </body> </html>
-
Да подзабыл, но <table> так не считает.
-
Виват всем. простейший вариант. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; border-top: 10px dashed red; display: table; height: 100%; } /*]]>*/ </style> </head> <body> <div> <p>Aliquam lacinia aliquam orci in congue. Sed laoreet volutpat imperdiet. Phasellus non neque ut risus scelerisque tristique eu non erat? Maecenas fringilla ligula vitae arcu mollis mattis. Curabitur suscipit ipsum erat. Phasellus sodales sem et neque porttitor et placerat tellus sodales. Maecenas sollicitudin accumsan magna, at semper elit volutpat sit amet. Suspendisse potenti. Vestibulum elementum mi non risus faucibus quis varius urna rhoncus. Vivamus at ligula nunc. Vivamus accumsan semper velit, ut aliquam felis tempus vitae. Sed a felis ac mauris placerat iaculis imperdiet eget enim. Donec orci leo, commodo quis commodo ac, suscipit non felis.</p> </div> </body> </html> Не совсем как <table>, по непонятным причинам прибавляет высоту бордера. Кто то сталкивался ? или может этому есть разумное объяснение ? p.s. ведет себя так во всех бр. (ie7, 6 - в расчет не беру)
-
эт не ко мне. а когда ко мне то времени мало.
-
Так ну что ж, вынужден принять поражение досрочно, есть куча отмазок, знаю не прокатят(на дуэли бы точно не прокатило, немного представил двух дуэлянтов ну и один другому говорит слышь извини сегодня/завтра, да и вообще вся неделя проблемная, не до тебя сейчас. ). Больше увы времени на на попытку улучшить свою верстку точно не будет (это констатация факта). НО Не говорю что мой каркас негож к применению, напротив только на нем и настаиваю ибо , повторюсь, гибок для большинства решения задач. В данном случае его на все 100% не применить, из-за возможности корректного отображения нижнего ингредиента. т.к. в моем случае body имеет все время 100% высоту (изменения этого значения в определенный момент на auto решило бы все проблемы). можно извратиться но это приведет лишь к большому количеству вложений и лишних описаний в стиле. Мои поздравления psywalker.
-
ок, как буду готов, выложу с пометкой ,(больше не редактируется) чего жду и с твоей стороны. в чужой код не подсматривать и не списывать. Так же ждем (ну не очень сильно конечно) когда объявятся независимые эксперты. Всем мир.
-
Да парни и не редактируйте плиз свои сообщения, спустя минут 10-15, потом вообще не втыкаешь че происходит.
-
Дружище я умею пользоваться поиском. Я оценил на сколько умело умееш пользоваться и ты им. Ты лучший.
-
подождите, я просил примеры реализации предложенные psywalker-ом, а не сторонние примеры. Все предоставленное вами мне прекрасно известно. Я же со своей стороны предложил вариант более подходящий под требование афтора, да такой вариант не оригинален, да он есть почти везде но немного мной доработанный (здесь выложен сокращенный вариант.)
-
полемику можно опустить, ближе к фактам. классические примеры реализации вашим способом есть ? предоставте, обоснуйте что это лучше, докажите (это конечно уже на спортивный интерес.) вызываю на дуэль.!!! через два дня. Ваша реализация против моей. Независимые эксперты (надеюсь на это) предоставят (они же осудят) нам классический шаблон. В противном случае выберем сами. Ах да, подогреем немного дуэль, ставлю на кон свое звание "Эксперта". т.е в случае проигрыша переходит к победителю, в случае победы ничего не происходит.
-
и чего в нем страшного ? он не кусается. Ничего оригинального в моей структуре нет, это верно, но она более гибко подходит под большинство каркасов, его можно легко изменять. Да собственно чего я настаиваю. Вам анализировать и выбирать подходящий под ваши требования каркас.
-
наболело что ли ?
-
так скринов не надо, идею понял. но срочно вникать в структуру того что я предложил, скажу без тени сомнения, сидел над ним около двух дней, много есть еще незначительных багов и много чего еще хочется реализовать но .... time. css html, body { height: 100%; margin:0; padding:0; border: none; } html { overflow: auto; } #carrier { height: 100%; min-width: 800px; max-height: 100%; } #head, #footer { height: 113px; position: relative; background: orange; } #footer { clear: both; } .substrate { height: 113px; } html>body #content, html>body .box { height: auto !important; } #content { height: 100%; min-height: 100%; margin: 0 120px -113px 120px; background: gray; } html все тот же только без хеда.
-
не всеми я бы сказал и не всякие полностью ))
-
Это не баг. В моем примере все прекрасно работает. это кому вопрос ? меняется в зависемости от требований (это всего лишь каркас) скрин в студию
-
Включил Opera Turbo - бооще стало радовать все на свете. молодцы
-
Возможно я что то упустил, если вопрос про селекторы тогда да читать все ))
-
"Наследованием называется перенос правил форматирования для элементов, находящихся внутри других. Такие элементы являются дочерними, и они наследуют некоторые стилевые свойства своих родителей, внутри которых располагаются. " Клик Да и наверное все таки стоит про селекторы почитать.
-
ну почему же сразу 9 ((((, Версия: 10.01
-
Вам наверное про наследование надо почитать. (Чет мне так кажется.)
-
1.4 Скрин № 3 (Упс, вот это да ))
-
Скажу честно, я бы не читал но в закладки положил точно. ))
-
Точно, гонево. Эх давненько не разминался. Итак начнем. 1. 1.1 Шапка в Вашем примере отсутствует. (но это не столь уж важно.) 1.2 Скрин № 1 1.3 Скрин № 2 (уже без текста) Пока читаете. Пишу много букв и делаю еще много скринов.
-
хуже. Что будет если в контенте появиться текст ? Почему футтер наезжает на хеад ?