Question

Здравствуйте.

Помогите.

Как добавить сюда правый блок как левый.

HTML

<div class="header"><h1 align="center">Верстка сайта</h1></div>
<div class="left_col"><p align="center">Меню</p></div>
<div class="right_col">
<h2>CSS верстка сайта</h2>
<h4>Резиновая верстка блоками</h4>
</div>

CSS

div.header {background-color:#717dc9; min-width:600px; max-width:4000px; height:100px}
div.left_col {background-color:#dddddd; border-right:2px dashed #717dc9; width:198px; height:400px; float:left}
div.right_col {background-color:#dddddd; height:400px; min-width:380px; max-width:3800px; margin-left:200px; padding-left:20px}

Answer 1

Добавьте стили для правого блока и этого достаточно:

div.right_col {

background-color: #dddddd;

border-left: 2px dashed #717dc9;

width: 198px!important;

height: 400px!important;

padding-left: 20px;

float: right;

}

Вот и все.

Этили стили удалите так как они будут мешать друг другу:

div.right_col {

background-color: #dddddd;

height: 400px;

min-width: 380px;

max-width: 3800px;

margin-left: 200px;

padding-left: 20px;

}

 

Comments

А как по центру ещё добавить блок?
Ну контент.

---

А что будет если я буду везде где ширина и высота писать !important

---

У меня получился такой код.
HTML
<div class="header"><h1 align="center">Верстка сайта</h1></div>
<div class="left_col"><p align="center">Меню</p></div>
    <div class="content_col">$BODY$</div>
<div class="right_col"><h2>CSS верстка сайта</h2><h4>Резиновая верстка блоками</h4></div>
    <div class="footer">$GLOBAL_BFOOTER$</div>
CSS
div.header {background-color:#717dc9; min-width:600px; max-width:4000px; height:100px}
div.left_col {background-color:#dddddd; border-right:2px dashed #717dc9; width:198px; height:100%; float:left}
    .content_col {width: 100%;vertical-align:top}
    div.right_col {
    background-color: #dddddd;
    border-left: 2px dashed #717dc9;
    width: 198px!important;
    height: 400px!important;
    padding-left: 20px;
    float: right;
    }