За последние 24 часа нас посетили 17534 программиста и 1722 робота. Сейчас ищут 1588 программистов ...

Резиновая вёрстка из трёх div-ов

Тема в разделе "HTML и CSS", создана пользователем Freakmeister, 30 мар 2011.

  1. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Нашёл ещё такой косяк: http://maestro-magnifico.ru/
    Футер и main_border не обтекают боковые блоки. Я так понимаю, это из-за float. Есть ли способ избавиться от float вообще?
     
  2. MiksIr

    MiksIr Активный пользователь

    С нами с:
    29 ноя 2006
    Сообщения:
    2.339
    Симпатии:
    44
    google: css clear
     
  3. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    А немного поточнее? o_O
     
  4. Shumomer

    Shumomer Активный пользователь

    С нами с:
    12 мар 2011
    Сообщения:
    194
    Симпатии:
    1
    Адрес:
    из вашего вображения
    Немного поточнее? Пожалуйста:

    google: css clear_fix

    :)
     
  5. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Вы меня без ножа режете.))

    /upd
    Кажется нашёл решение: http://www.pixy.cz/blogg/clanky/css-3col-layout/

    /upd
    Всё, нашёл где собака зарыта. Надо было прописать clear:both; в нижний див, в моём случае в footer.

    Всем спасибо. Благодаря вам, сегодня я стал чуточку грамотней.)
     
  6. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    какое нафиг сео на дивах =) уморили
     
  7. Shumomer

    Shumomer Активный пользователь

    С нами с:
    12 мар 2011
    Сообщения:
    194
    Симпатии:
    1
    Адрес:
    из вашего вображения
    Тебе цифра 90кб что-то говорит? Если да - ты должен знать о чем речь. Если нет - ты просто очень мало знаешь о сео.
     
  8. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Shumomer
    =) я много знаю городских легенд. еще и не такой бред умные люди говорят. Чего только легенда про соль в мд5 стоит.

    а про сео можно смело сказать, что поисковикам на ваши таблички и прочую муть ПОХУЮ. =) а если кричать в форточку на кануне экзамена "халява приди" то можно сдать на пять и ничего не выучив. Это аналогичный случай.

    из той же серии "с милым и в шалаше - рай", "деньги - зло", "бабы - тупые", "автомобиль - инвестиция", "слушаться старших", "любить родину", "холодный термояд", "в аду за грехи" и д.р. чепуха, которая отводит внимание от сути: чтобы получить результат, нужно въебывать как савразка, заниматься контентом, дизайном, подбирать команду, следить за железом.

    яндекс приводил пример отложенной обратной связи. ощутите масштаб: если время генерации страницы увеличивается на несколько миллисекунд, поток посетителей гарантированно снижается через несколько месяцев.

    что такое 90кб я не знаю и знать не хочу =) это даже не смешно. даже для первого апреля =)
     
  9. MiksIr

    MiksIr Активный пользователь

    С нами с:
    29 ноя 2006
    Сообщения:
    2.339
    Симпатии:
    44
    Только у меня одного ощущение, что igordata когда-то давно ошибся форумом и еще почему-то решил, что он программист (что тоже было ошибкой)?
     
  10. Shumomer

    Shumomer Активный пользователь

    С нами с:
    12 мар 2011
    Сообщения:
    194
    Симпатии:
    1
    Адрес:
    из вашего вображения
    Скажем так - про 90кб - точно не миф. Проверено экспериментально и неоднократно (дорвеями я занимался пока тема не сдохла). Кроме всего прочего это было практически официально сообщено лет так 5 назад, на гугло-блоге - или вы и о нем не знаете?

    Остальной поток сознания комментировать лень.
     
  11. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Возник вопрос - а нет ли способа сделать эту вёрстку ЕЩЁ более резиновой? Сейчас центральный блок тянется, но отступы по бокам задаются марджинами, тоесть если я скрываю какой-то из боковых блоков, то без вмешательства джава скрипта, центральный блок так и остаётся с боковым отступом.

    К чему я это? Делаю кнопочки скрытия боковых панелей (ещё в процессе) http://maestro-magnifico.ru/
    Хочу приатачить кукис, чтобы скрытие какой-то панели запоминалось. Но тогда получается, что мне придётся запускать джава-скрипт "моментального раздвигания" центрального блока каждый раз при загрузке страницы, что выглядит не очень красиво при медленном интернете.

    Если элегантного решения с дивами не найдётся, так и быть, использую таблицу. :)
     
  12. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    я не программист =)
     
  13. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    покажите пожалуйста пальцем на экспериментально и не однократно. мне было бы очень интересно почитать такое.
     
  14. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    а что там про 90кб? я вообще не в курсе
     
  15. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Смотрите какая борода происходит с этой вёрсткой при сужении страницы:
    http://maestro-magnifico.ru/

    Обвёл #center_column красным бордером для наглядности. Центральный <div> #center_column почему-то не растягивается в ширину картинки. :( И тоже самое происходит с длинным текстом внутри этого блока, если на него повесить nowrap например. Как это исправить?
     
  16. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Иееее =)
    Победил эту проблему следующим образом:
    http://habrahabr.ru/qa/1379/#answer_5750
    display: inline-block; добавил в #wrapper. При этом ширину этому блоку задавать нельзя. Поэтому, если нужны отступы с боков, то их можно сделать так: margin: 0 5%;