LINUX.ORG.RU

div css 3 колонки

 


0

1
<div class="body">
  <div class="left">
    <h1>Сегодня работают</h1>
    <p></p>
  </div>
  <div class="center">
    <h1>Приветствие</h1>
    <p></p>
  </div>
  <div class="right">
    <h1>Для пациента</h1>
    <p></p>
  </div>
</div>
.body {
  width: 1394px;
  padding: 0px;
  position: static;
  margin: 0 auto 30px auto;
}

.body .left {
  width:300px;
  float: left;
  background:red;
}

.body .center {
  margin: 0 300px 0 300px;
  background:green;
}

.body .right {
  width:300px;
  float: right;
  background:yellow;
}

Скрин

★★★★★

.right должен быть до .center

<div class="body">
  <div class="left">
    <h1>Сегодня работают</h1>
    <p></p>
  </div>
  <div class="right">
    <h1>Для пациента</h1>
    <p></p>
  </div>
  <div class="center">
    <h1>Приветствие</h1>
    <p></p>
  </div>
</div>

И кстати в .center теперь нельзя clear: both использовать, overflow: hidden только.

Black_Roland ★★★★ ()
Последнее исправление: Black_Roland (всего исправлений: 2)
Ответ на: комментарий от Black_Roland

И кстати в .center теперь нельзя clear: both использовать, overflow: hidden только.

Это след экспериментов, ибо я смысла ошибки своей не мог понять.

petav ★★★★★ ()
Ответ на: комментарий от petav

Да тут не из-за экспериментов, просто по-другому и не получиться :) Только если с display: inline-block.

Black_Roland ★★★★ ()
Ответ на: комментарий от Black_Roland

На него опирался, только не мог учесть что местами надо поменять третью колонку и вторую.

petav ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.