Колонки с равной высотой - Форум веб-мастеров

Главная форума Последние сообщения Пользователи Правила форума Расширенный поиск RSS лента

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

Колонки с равной высотой (css)

Колонки с равной высотой

RAIDER

Дата: Четверг, 20.01.2011, 19.19.01 | Сообщение # 1

Уровень 2

Зарегистрирован: 02.09.2010

Пользователь №: 4

Сообщений: 72

Вот нашёл хороший способ создания колонок с равной высотой.
Тут всё как-то связано и я не могу разобраться как изменить ширину колонок.

CSS

Code

#container2 {
  clear:left;
  float:left;
  width:100%;
  overflow:hidden;
  background:#ffa7a7; /* column 2 background colour */
}
#container1 {
  float:left;
  width:100%;
  position:relative;
  right:50%;
  background:#fff689; /* column 1 background colour */
}
#col1 {
  float:left;
  width:46%;
  position:relative;
  left:52%;
  overflow:hidden;
}
#col2 {
  float:left;
  width:46%;
  position:relative;
  left:56%;
  overflow:hidden;
}

html

Code

<div id="container2">
  <div id="container1">
   <div id="col1">
    
    Колонка 1
    
   </div>
   <div id="col2">
    
    Колонка 1
    
   </div>
  </div>
</div>

Демо страница

genius8003

Дата: Пятница, 21.01.2011, 12.55.50 | Сообщение # 2

Уровень 3

Зарегистрирован: 13.11.2010

Пользователь №: 152

Сообщений: 239

html код не трогай а вот css

Quote

#container2 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background:#ffa7a7; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:50%;
background:#fff689; /* column 1 background colour */
}
#col1 {
float:left;
width:46%;
position:relative;
left:52%;
overflow:hidden;
}
#col2 {
float:left;
width:46%;
position:relative;
left:56%;
overflow:hidden; }

ТО что красным написано надо изменять

Сообщение отредактировал genius8003 - Пятница, 21.01.2011, 13.01.05

Колонки с равной высотой (css)

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