Jump to content

logicface

User
  • Posts

    107
  • Joined

  • Last visited

Everything posted by logicface

  1. Ага, я так и сделал, только min-height, от греха подальше.=D
  2. Спасибо, сейчас буду пробовать. Неа, все равно прыгает, и без значка и с абсолютным позиционированием и zakazimg и текста.=( Сча поробую все значки удалить, мб заработает. Все большое спасибо! Это из-за паскудных значков=)
  3. Странно, у меня все равно чуток прыгает. То бишь как только переходишь на новую вкладку, буквы GO логотипа вплотную прижаты к верхушке браузера и только спустя пол секунды они отлипают)
  4. Всем примет! Есть сайт http://gobanner.ru , проблема заключается в том, что у всего блока есть верхний отступ в 5 пикселей, если начинать переходить по меню то страница начинает прыгать. Браузер не успевает просчитать этот верхний паддинг. Я пробовал давать значения не только паддинг но и маргин, и не только body но и тегу html и классу wrapper. Как быть?
  5. display:absolute; bottom:0; Первое, что пришло на ум.=)
  6. ну дак потому что white-space: nowrap; А без него текст не в 1 строку.=) Мне надо сделать что бы блок расширялся еще шире чем 100% если текст больше блока, а не что бы текст начинал сживаться под размер блока.)
  7. Если для tupul вы говорите, то лис этой не поймет, если текста будет больше чем ширины <li>, то тест будет выползать за <li>. http://jsfiddle.net/ydKX6/8/ Спасибо, буду разбираться как вы это сделали.)
  8. Короче я сделал так, что бы работало. Единственный способ который я нашел - это явно указать ширину родительским <li> через %. Тоже конечно не хорошо, но раз лис упирается, то что поделаешь.) Вот решение - http://jsfiddle.net/ydKX6/6/ Может кому пригодиться.
  9. Я вообще чем глубже начинаю учить это все дело, тем больше мне начинает казаться что лис хуже осла. С этим он не дружит, с textarea он не дружит (row и параметр disabled)... Эх.(=
  10. Всем привет! Имею проблему: Есть впадающее меню на CSS - http://jsfiddle.net/ydKX6/3/ Работает почти во всех браузерах отлично, но как говориться в семье не без сами знаете кого. Достопочтенный товарищ firefox не хочет правильно растягивать дочерние <li> элементы (те самые, которые выпадают). Что посоветуете делать камрады? Для тех кто не понял: Дочерние <li> элементы должны быть ширины не меньше чем родительские <li> элементы. Firefox растягивает их по размеру вей страницы.
  11. А, ну тогда да.) Ну а я в целом просто своими взглядами на это дело делился.)
  12. Зачем делать бензин для машин, когда уже давно есть электромобили? Лучше же батарейки делать. Предлагаю взорвать все заправки и авто на бензине и солярке и газу до кучи. Вы делаете из мухи слона.) Машины и браузеры слишком далеки для того что бы их можно было сравнивать. В таком случае, зачем запускать в космос новые шаттлы, если и старые неплохо летали.) Ну, в любом случае тут каждому свое, кому то нравиться сидеть и писать всякие костыли да бы не потерять жалкие 2-3 миллиона отсталых пользователей. А кому то нравиться делать современный портал, используя новые технологии.)
  13. Зачем вообще поддерживать старые браузеры? В мире вроде прогресс идет полным ходом, а люди все ищут геморрой на свою 5 точку поддерживая устаревшие технологии. Я лично бы всем советовал отказаться от поддержки старых браузеров вплоть до ИЕ9.)
  14. Еще немного помучив код я сделал так: http://jsfiddle.net/K7UV3/8/ Задал хедеру позицию relative, задал логотипу позицию absolute и float:left да бы остальной контент знал что там с боку место занято. Переместил текст, так как он был перед логотипом и по этому толкал его вниз, благодаря чему теперь в диве logo не надо писать margin-top:-20px ну вроде и все, так наверное лучше всего будет, и зеленый блок нужной высоты 40px а не 60px и дива со свойством clear:both нету. И желтый блок на нужном месте. Z-index тоже вроде теперь без надобности. Хотя можно задать логотипу позицию absolute, тогда зеленый див не будет понимать что черный там вообще есть, за то в желтом диве текст не будет обтекать черный, хз как лучше.) http://jsfiddle.net/K7UV3/9/ Вот с absolute. Спасибо за ранее Rus'y, немного навел порядок в голове.=)
  15. Кстати я только что потыкал немного мой код, сделал так: http://jsfiddle.net/K7UV3/7/ Уменьшил высоту хедера до 40px и сделал черный абсолютно позиционированным и почему то черный див стал имееть отступ сверху, пришлось дописать ему маргин-топ с минусом в 20 пикселей. Этот способ так же позволяет удалить блок clear. Может так правильнее? Вроде и зеленый блок нужного размера теперь и черный как бы является частью зеленого блока... Я уже сам запутался.) Там же еще в зеленом блоке нужно будет список размещать и так далее.
  16. Мне нужно что бы черный блок был на самом верху а желтый блок был под черным как в моем демо, а половина зеленого блока была в самом низу.=) Ну так получается если я задаю relative черному блоку, то черный блок считает зеленый своим родителем и позицианируется относительно зеленого блока, что вроде мне и нужно для удобства подсчета. Да, мне и нужно что бы только черный блок был выше других.=) Просто зеленый блок - это хедер и он должен включать в себя черный блок, по этому высота зеленого блока по любому будет такая же как у черного, но зеленому блоку не нужна такая высота, нужна только половина этой высоты, и что бы это скрыть на него заползает желтый.=))) То бишь вот как должен выглядеть сайт, красными точками я обозначил границу желтого блока, иногда он нужен будет что бы менять там backgraund.
  17. Ну при том, что это основа всей конструкции, если коричневому блоку не дать position:relative он не будет выступать за зеленый блок.) будет прятаться за ним, а мне надо что бы он выступал.) То бишь в коде - черный блок.
  18. Ну по моему лучше чем я темы еще описаны не были.) Я сделал все для того что бы понять суть проблемы было легко, даже выложил картинку для более легкого понимания.
  19. Всем привет! Вот хотел бы поинтересоваться как правильно сделать эту штуковину, на ум конечно приходит много идей, в том числе и разбиение логотипа на 2 части, но пока остановился на таком варианте, так как он мне кажется самым нормальным. http://jsfiddle.net/K7UV3/2/ З.Ы. - header и opol полностью статичны, в них ничего не тянется и текстом дополняться скорее всего не будет. В диве logo будет еще 2 дива. 1 для текста - имей дело с лучшими 2ой для названия компании. Хотя можно обойтись и без 2ух дивов, не столь важно. Opol - это див с бэкграундом-картинкой, внутри которого будут находиться еще 2 рекламных дива размеров 486х60 с низу. Вот для наглядности что планирую:
  20. Надо многим блокам в этом сайте сделать минимальную ширину для того, что бы блоки не налезали друг на друга.
  21. Ну это же чтоб css не писать=) А так медведь очень дельные советы и помощь оказывает, сам я такой пример решить не могу так как смысла его не понял) Ведь даже с блоком блок будет растягиваться на ширину текста который в нем будет написан. Дык под ним еще есть спан потом.=) Это надо видеть что делать)
  22. По тому адресу уже другая верстка, просто эксперименты=) Совсем забыл про эту тему, и стыдно что вы потратили время просматривая код этой ерунды=) Раньше по ссылке была другая верстка. Надо было написать что тема закрыта что сейчас и сделаю.=) Но за совет с бумагой спасибо, недавно совсем тоже начал по немногу так делать, очень удобно)
  23. Например у вас есть контент состоящий из 3 колонок. Общая область контента это див. Каждая колонка это секция, каждая тема в колонке это секция, заголовок темы можно обернуть в хэдер, контент темы это артикл. Дно темы, если оно есть это футер, но опять же на ваше усмотрение. Можно и без хэдера и футера обойтись. То есть лучше использовать второй вариант в вашем случае. А еще как я читал основной контент не должен лежать прямо в секции. Он должен лежать в артикле. Но я еще с этим разбераюсь по этому мой коммент может быть неправдой=) Вот пример Серый и розовый это секции, синий артикл. Хотя можно розовую секцию сделать артиклом как я думаю. Тогда синий будет просто див.
  24. Не хочется пробывать, но походу так работать не будет потому что должна быть точная цифра у родителя что бы height 100% работал у внутренних дивов.
×
×
  • 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