Jump to content

pizzZ

User
  • Posts

    44
  • Joined

  • Last visited

Everything posted by pizzZ

  1. Он не перекладывал проблему, он просто спросил. Я сам загорелся И стал искать выход.
  2. cccr85 (19:58:15 1/12/2010) в коде который привел Макс я не вижу никаких препятствий тому чтобы избавиться от абсолюта, и все будет выглядеть также, без изменения html. cccr85 (19:58:27 1/12/2010) а внатуре, зачем там абсолют? cccr85 (20:06:44 1/12/2010) ау ****** (20:07:24 1/12/2010) ну вот так надо было
  3. Шутка принята. Я в смысле зачем его здесь использовать, можно найти 100 способов как сделать по другому.
  4. Загадка в том, зачем именно абсолют нужен
  5. 1. У меня нет верстки. 2. Проблему уже решили, убрав абсолют. 3. Вопрос интересен как сделать с абсолютом З.Ы. Я первый сам предложил убрать абсолют и добавить LI для нижней границы. Это бы все решило. Но хотели именно с абсолютом, что для меня загадка... Не меняя структуру, и оставив абсолют. Сейчас это уже чисто спортивный интерес. Я вчера себе всю голову сломал как бы сделать
  6. Фишка в том что он и нужен полюбас
  7. Там нужно именно с position:absolute
  8. Вообще это не моя верстка, и у меня нет архива. Но код который привел psywalker полностью соответствует задаче.
  9. Говорят надо абсолют Задачу можно решить и другим способом. Просто сделать дополнительный ли в самый конец, он и будет заменой "блока B". Это решение предложил я. Но говорят надо не меняя html сделать на css
  10. У меня каждый день возникают вопросы, и я лишь в последнюю очередь использую этот форум
  11. Вот без этого желательно var height = document.getElementById('a').offsetHeight; document.getElementById('b').style.top = height-20+'px'; p.s. Спасибо тебе что помогаешь, на этом форуме, все вопросы оставленные мной решил именно ты
  12. а если без js, это возможно? кстати в ie7 тоже так же работает как и в 6
  13. К сожелению не работает, та же самая проблема <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> #a { position: relative; border: 1px solid #000;} #b { width: 100%; position: absolute; bottom: 0; height: 20px; background: red;} ul {} ul li { margin: 2px 0; height: 30px; background: blue;} #c { height: 50px;} </style> </head> <body> <div id="a"> <ul> <li></li> <li id="tt"></li> <li><div id="c"></div></li> </ul> <div id="b"></div> </div> <a href="#" onclick="java script: document.getElementById('tt').style.height='100px'; return false;">+100</a> </body> </html>
  14. То есть ее можно решить, приведите пожалуйста пример как. З.ы. не работает только в ie6
  15. position конечно же правильно. Вчера мозг был уставший. в коде тоже правильно. А как ее так решить? Если высота блока а плавающая, и зависит от контента в вложенных ul. Высоту которых мы не можем установить заранее
  16. В 6 ie блок b остается на месте
  17. В общем что имеем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="a"> <ul> <li></li> <li></li> <li></li> </ul> <div id="b"></div> </div> В каждом ли еще по ul с свойством display:none a - posytion:relative; b - posytion:absolute; bottom:0; Ну в общем стандартное меню. Теперь если задать ul-aм display:block во всех браузерах высота блока a увеличится, ну и соответственно блок b останется верен bottom:0 и уедет вслед за нижней границей. К сожалению ie6 так не делает, в нем не увеличивается блок a. А значит и блок b остается на месте... Как бы победить ie используя только css всем заранее спасибо
  18. извините. причина была в другом. Спасибо за решение
  19. получается, только белый фон располагается по всей странице. А мне надо только на центральную колонку
  20. так если удалить, то и 3 колонки не получиться... Или я ошибаюсь?
  21. В общем имеем: <div id="wrapper"> <div id="sidebarLeft"></div> <div id="sidebarRight"></div> <div id="content"> <div class="items"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div> </div> </div> #sidebarLeft { float:left; width:225px; } #sidebarRight { float:right; width:225px; } #content { margin:0 225px; } #content .items { } #content .items .item { float:left; width:100px; height:100px; } Надо чтобы у блока #content был фон. Я ему просто задаю фон background-color:#fff; фона нет, так как в нем плавающий элемент. Ок ложу туда <div class="clear"></div> (Я думаю всем понятно че за класс clear?), ок фон продлевается, но если любая боковая колонка будет выше по высоте, это вызывает проблему, фон рястягивается по ее высоте, а не высоте контента. Ок, я определяю .items { zoom:1 } но он на всю ширину становиться белым. Непонятно. Подскажите как быть.
  22. ок. Я завтра поизучаю этот вопрос. Спасибо.
  23. Привет друзья! В общем довольно часто приходиться решать такую проблему. Может кто подскажет удачное решение Имеем следующую стандартную страницу, шапка, sidebar, content, footer. Подвал прижат к низу способом отсюда: Враппер на всю высоту, с отрицательным маргином. И "гарантом подвала" Пока все стандартно, и проблем не возникает. Но вот нам требуется сделать отступ у шапки сверху (шапка начинается не с самого начала, а имеет отступ в 10px например), и отступ снизу у подвала. Решается обычно довольно просто. #header { width:1000px; height:180px; background:url(/img/header_bg.png) center bottom no-repeat; }. Высота картинки header_bg.png 170px. Получаем то что нужно. Для подвала решаем точно так же. Опять новое задание, надо фон контенту и сайдбару на всю высоту растянуть, до подвала. Но как это сделать? Ведь на всю ширину у нас растянут только wrapper а если ему задать фон, то не получиться отступов у шапки через которые должен быть виден не повторяющийся фон всей страницы... И вот тут я зашел в тупик... Если не понятно, пишите что именно я постараюсь выразиться понятнее.
  24. Ваш способ работает так же как и все остальные. Но кода больше Спасибо за затраченное время. Наверное Вы не видите проблему. Сейчас попробую объяснить. Если блок с текстом, занимает одну строчку то все ок. Но если он переноситься на вторую строку, то между ним и блоком с счетчиком появляется расстояние = слову после переноса, в опере такого нет, и там такого расстояния не появляется. Что то типа: <div> <a href="">Блок с датой</a> <a href="">Блок с текстом</a> <a href="">счетчик</a> </div> Только все равно проблема есть, на новую строчку прыгает счетчик если не влазиет. И не помогает. Сейчас буду пробывать делать таблицей.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy