Список форумов Шадринский форум -> Программирование -> PHP, PERL, HTML, CSS etc -> Про дивы...

Найти сообщения с вашего последнего посещения

Про дивы...

Предыдущая тема :: Следующая тема

Автор

Сообщение

REPS
Освоившийся

Пол:

Зарегистрирован: 13.10.2008
Сообщения: 43

Статус: Offline

Как установить (принудительно) высоту дива в зависимости от высоты другого дива?
например они расположены рядом в одном текста больше а в другом меньше текста и у них разные фоновые цвета и надо чтобы они были одинаковы по высоте... Может кто-нить знает как это сделать?

Вернуться к началу

Упуату
Заслуженный писатель

Пол:

Зарегистрирован: 23.05.2006
Сообщения: 3421

Статус: Offline

гугль - многоколоночная дивная верстка

Вернуться к началу

REPS
Освоившийся

Пол:

Зарегистрирован: 13.10.2008
Сообщения: 43

Статус: Offline

там нету ничего там только как располагать...

Добавлено спустя 7 минут 45 секунд:

#col2 {
float: left;
width: 57%;
height: 100%;
margin-left: 4px;
background: #00CC99;
margin-bottom: 1px;
}

вот тут же высота указывается, он всё равно не на весь экран...

Вернуться к началу

DieSel
Заслуженный писатель

Пол: Пол:Муж.

Зарегистрирован: 16.12.2006
Сообщения: 1339
Откуда: Шадринск

Статус: Offline

REPS писал(а):

Как установить (принудительно) высоту дива в зависимости от высоты другого дива?

Найти высоту второго дива и установить высоту первого...
пример


myElement.style.width="150px"; устанавливаем ширину дива...

a=myElement.style.width; получаем ширину дива...

поправьте меня если я вру...
_________________
Диагностика и ремонт авто. Ремонт РКПП.
Куплю Дизельное Топливо.
8-912-522-26-2семь

Вернуться к началу

Slider
Заслуженный писатель

Пол:

Зарегистрирован: 13.11.2006
Сообщения: 6289
Откуда: Екатеринбург&Шадринск

Статус: Offline

REPS писал(а):

Как установить (принудительно) высоту дива в зависимости от высоты другого дива?

REPS писал(а):

он всё равно не на весь экран...

получается некорректен вопрос в первом посту, опять получается думаю одно а пишу другое.
_________________
накапливаю джедайскую силу
http://booking.com/ http://bookingb2b.com/
http://www.aicgroup.biz http://www.gta-travel.com/en/home

Вернуться к началу

Упуату
Заслуженный писатель

Пол:

Зарегистрирован: 23.05.2006
Сообщения: 3421

Статус: Offline

 
<html>
<head>
<title>Двухколоночный макет</title>
<style type="text/css">
#header {
    background: #cccccc;
    height: 100px;
}
#content {
    background: red;
}
 
#main {
    margin-left: 250px;
    background: green;
    height: 400px;
}
#left {
    width: 250px;
    float: left;
}
#footer {
    background: #cccccc;
    height: 100px;
}
</style>
</head>
 
<body>
<div id="header"></div>
    <div>
        <div id="container">
            <div id="content">
           
                 <div id="left">
                   
                 </div>
                <div id="main">
                   
                </div>
               
            </div>
        </div>
    </div>
<div id="footer"></div>
 
</body>
</html>

Вернуться к началу

REPS
Освоившийся

Пол:

Зарегистрирован: 13.10.2008
Сообщения: 43

Статус: Offline

Он сейчас не раздвигается... Там содержимое будет динамическое...

ec15c7cf3sd594.jpg

Описание:

Download File

Имя файла:

ec15c7cf3sd594.jpg

Размер файла:

165.31 KB

Скачано:

720 раз(а)

Вернуться к началу

Упуату
Заслуженный писатель

Пол:

Зарегистрирован: 23.05.2006
Сообщения: 3421

Статус: Offline

http://webarium.blogspot.com/2009/10/blog-post.html

Вернуться к началу

REPS
Освоившийся

Пол:

Зарегистрирован: 13.10.2008
Сообщения: 43

Статус: Offline

Всем спасибо!!!

Вернуться к началу

Страница 1 из 1

Найти сообщения с вашего последнего посещения

Список форумов Шадринский форум -> Программирование -> PHP, PERL, HTML, CSS etc -> Про дивы...

Перейти:

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете вкладывать файлы
Вы можете скачивать файлы

Авторизация

Про дивы...