1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

Подскажите как быть с <div>

Тема в разделе "Web Coding", создана пользователем juggernaut, 3 ноя 2007.

Статус темы:
Закрыта.
Модераторы: latteo
  1. juggernaut

    juggernaut Создатель

    Регистр.:
    10 сен 2007
    Сообщения:
    11
    Симпатии:
    5
    Есть два div. Один - меню навигации, второй - контент, т.е содержание ну или текст). Как сделать, чтобы эти два дива имели одинаковую высоту. А то на одной странице текста больше, чем высота меню и тогда менюшный див короче контентного, ну и если текста мало, то контентный див меньше, чем меню.

    А мне нужно чтоб они все в независимости от контента имели одинаковую длину и доходили до нижнего дива - footer

    Кто подскажет, тому спасибо!)
     
  2. Chel

    Chel

    Регистр.:
    7 янв 2007
    Сообщения:
    230
    Симпатии:
    23
    Глянь тут
    _http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php
     
    juggernaut нравится это.
  3. difour

    difour Прохожие

    див - это не таблица, вариант сделать бэграунд фоткой и общим для 2ух дивов
     
  4. juggernaut

    juggernaut Создатель

    Регистр.:
    10 сен 2007
    Сообщения:
    11
    Симпатии:
    5
    По ссылке ничего для себя полезного не нашел, там рассматривается другой аспект работы с div

    Можешь объяснить по-подробнее. Ты имеешь в виду бэкграунд-фото высотой 600 пиков и туда и сюда (этот вариант не подойдет т.к. на сайте есть длинные страницы, а есть короткие...)? Или что-то другое.
     
  5. General Fizz

    General Fizz Боевой Генерал :)

    Регистр.:
    11 апр 2007
    Сообщения:
    753
    Симпатии:
    396
    Вложи эти два дива в третий, общий для обоих. Похожая верстка на http://www.inms.ru

    Вообще эта проблема (заранее неизвестная высота контента в диве) в общем случае не имеет решения.
     
    juggernaut нравится это.
  6. disan

    disan Создатель

    Регистр.:
    2 июл 2007
    Сообщения:
    22
    Симпатии:
    1
    Здесь подробно описано как делаются колонки одинаковой высоты:
    http://htmlbook.ru/content/?id=109
     
  7. bueno

    bueno Читатель

    Заблокирован
    Регистр.:
    7 май 2007
    Сообщения:
    236
    Симпатии:
    69
    на мой взгляд все намного проще..

    css:
    HTML:
    #container{ overflow:hidden; float:left; background:url(bgrnd.png) left repeat-y; }
    #left{ float:left; width:200px; }
    #right{ float:left; width:400px; }
    bgrnd.png - задаем цвет колонок..


    html:
    HTML:
    <div id="container">
    	<div id="left">left div content</div>
    	<div id="right">right div content</div>
    </div>
    вот собственно и все..
     
  8. SleepShadowWeb

    SleepShadowWeb Создатель

    Регистр.:
    12 окт 2007
    Сообщения:
    10
    Симпатии:
    0
    <div id="container" style="height:500px;">
    <div id="left" style="height:100%;">left div content</div>
    <div id="right" style="height:100%;">right div content</div>
    </div>
     
Статус темы:
Закрыта.