psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
а вот смотри тебе вариант: При заполнении левой колонки правая всегда будет ровно такой же высоты: <!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" /> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap { position: relative; width: 1000px; border: 1px solid #000; margin: 0 auto; } div.left { width: 700px; position: relative; top: 0; left: 0; bottom:0; background: red; } div.right { width: 250px; position: absolute; right: 0; top: 0; bottom: 0; background: yellow; } div.left div.left-block, div.right div.right-block { position: absolute; bottom: 0; right: 0; width: 160px; height: 160px; background: blue; } div.right div.right-block { left: 0;} </style> <title></title> </head> <body> <div class="wrap"> <div class="left"> <div class="left-block">Этот блок всегда будет внизу левой колонки</div> сорри, видимо я не так объясняю. сорри, видимо я не так объясняю. давай решим для чего я хочу выронить правый нижний див по нижней стороне левой колонки. дело в том, что никак не получается поймать полное выравнивание. каждый браузер показывает по размому. один браузер на 3 пик не достает до дна, другой наоборот 3 пик вылетает за рамки. третий показывает все хорошо. поэтому я подумал что если бы его выделать по нижнему краю, все исправиться. хотя только понял, что на других страницах все будет по другому. простыми словами мне нужно как-то сделать так чтообы левая и правая колонка были на одно уровне (нижний край), это видно на картинке выше. на внутренних страницах без разницы, пусть одна колонка будет длинней другой - не важно! сорри, видимо я не так объясняю. давай решим для чего я хочу выронить правый нижний див по нижней стороне левой колонки. дело в том, что никак не получается поймать полное выравнивание. каждый браузер показывает по размому. один браузер на 3 пик не достает до дна, другой наоборот 3 пик вылетает за рамки. третий показывает все хорошо. поэтому я подумал что если бы его выделать по нижнему краю, все исправиться. хотя только понял, что на других страницах все будет по другому. простыми словами мне нужно как-то сделать так чтообы левая и правая колонка были на одно уровне (нижний край), это видно на картинке выше. на внутренних страницах без разницы, пусть одна колонка будет длинней другой - не важно! </div> <div class="right"> <div class="right-block">Этот блок всегда будет внизу правой колонки</div> </div> </div> </body> </html>
-
Доктайп я спрашиваю Где???
-
Смотри значит, если я правильно понял, то задача заключается в следующем: 1) Мы имеем Две колонки, Левая и Правая 2) Левая может тянуться всегда по разному и быть Любой длины, но правая при этом должна Быть такой же длины, как и Левая? Как бы всегда подстраиваться под Левую? 3) В правой колонке <div>-Релатив лежит <div> - Абсолют фиксированной ширины и высоты (допустим 150х150пк) который всегда прижат к низу? 4) И соответственно Если левая колонка (не важно какой Высоты), то Правая вместе со своим Абсолютом должна опускаться вниз и быть такой же высоты, как и Левая?
-
Погоди, а нарисуй мне то, что ты хочешь получить в итоге ? и Отметь на рисунке Див с Релативом и Див внутри него с Абсолютом
-
Кстати где ДОКТАЙП?
-
Не за что, а вот насчёт вопроса про тень не понял немного, смотри вобщем по ситуации
-
погоди, ну а какая разница, ну пусть будет например левая колонка с релативом 300 пикселов в высоту, а абсолют всегда 150 пикселов в высоту. Допустим высота левой измениться на 600пк - абсолют будет внизу, вдруг опять изменится левая и уже будет 100пк - а абсолют всё равно внизу. Я к тому, что какая разница - будет ли показываться хоть что нибудь, если высота колонки будет 0пк? Лучше уж хоть какая та часть абсолюта будет видна, чем вообще ничего? Понимаешь мою мысль? Вот изменяй высоту у Релативной колонки и смотри результат: <!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" /> <style type="text/css"> *{ margin: 0; padding: 0;} div.r { width: 500px; height: 300px; position: relative; border: 1px solid #000;} div.a { width: 500px; height: 100px; background: red; position: absolute; bottom: 0; left: 0;} </style> <title></title> </head> <body> <div class="r"> <div class="a">BOTTOM!</div> </div> </body> </html>
-
Легко, для этого тебе поможет http://htmlbook.ru/css/background-position.html
-
ничего страшного, абсолют будет всегда внизу
-
Левой колонке Релатив, а тому кого выравнивать - Абсолют и позиционировать его вниз <div class="relative"> <div class="absolute">Bottom</div> </div> div.relative { position: relative; width: 150px; height: 600px;} div.absolute { position: absolute; bottom: 0; left: 0; width: 150px; heigth: 400px;}
-
Если бы мне попалась задача такого рода, то Хедер, да и вообще что угодно, то я бы делал это так, как нужно делать, и мне плевать на всякие overflow:hidden и прочие вещи, я всегда смотрю на ситуацию и уже исхожу из того, что вижу
-
Там всё написано, лучше я тебе сказать не смогу явно!
-
Да уж, приходиться чем-то жертвовать ради цели
-
Начни отсюда http://habrahabr.ru/blogs/webdev/50175/
-
Во первых я уже говорил, что никакой я не Эксперт, во вторых если Эксперт - то это не значит, что всё можно знать, да и потом я планирую всю жизнь вообще учиться, спрашивать, советоваться и т. д., потому что считаю, что именно в общении с братьями по разуму раждаются идеи и ответы на кучу вопросов Кстати насчёт тего "Логотип" думал недавно, правда жаль, что нет такого)))
-
Я вверху всё разъяснил же
-
Вообще правильно было бы обернуть зафлоатиные блоки в один-Главный блок и ему назначить свойство overflow:hidden;, а для ИЕ6 - zoom:1; Насчёт второго способа - невкоем случае, это считается плохим тоном, далее это плодит лишние контейнеры и если ты знаешь своё дело, то тебе никогда не понадобится этот способ! Имеет смысл, потому что это тренирует хорошую привычку опять-же, далее это подразумевает соответствие кода синтаксическим правилам в соответствии со спецификацией, в нашем случае CSS2.1, а потом ты предлогаешь забить на это, забьёшь на одну ошибку, другую, третью и так далее в конце может круто сыграть на твоей работе, где нибудь какая нибудь ошибка явно даст о себе знать! Я очень рад, что придумали Валидатор, очень полезная и Нужная вещь. Ну и в конце концов молодым нужно показывать хороший пример и учить их хорошему тону!
-
А разве не существует условных комментариев для ИЕ6-7?
-
1) Да, я видел, спасибо за разъяснение. 2) Пробел кстати я обычно беру из таблицы символов в Винде и соглашусь, что он полезный и иногда правда очень нужен, вот например для пунктов меню, что-бы когда например ссылка состоит из Двух слов, при сужении экрана, эти слова не разрывались, а перескакивали на другую строку вместе. 3) И самое главное, хватит уже обращаться ко мне на ВЫ!
-
Да я всё понимаю конечно, но всё же хотелось получить чёткий, аргументированный ответ на данный вопрос, что-бы не только слова были, а ещё и доказательство
-
Советую тебе прочитать не только про zoom, но и подучить и главное понять CSS в целом!
-
Кстати насчёт подписи всё таки не соглашусь с тем, что тег <br /> тоже нерекомендуемый, бывают моменты, когда он мне пригождается, и я его использую уверен по назначению
-
Вот в том то и дело, что странно, что такие Киты интернета используют H1 в качестве логотипа, а такие мастера своего дела, как s0rr0w говорят обратное, и вот кому верить после этого и к какому знаменателю придти всё таки?
-
Сайт ужасный, а чел знатный Я её смотрел, там в <div id="logo"> упрятан логотип
-
Ещё бы
