Дизайн и Верстка > Всё о Html

Помогите с нарезкой

(1/1)

Nicca:
Я пытаюсь сделать резиновую странцу разделенную на 3 вертикальных полосы: левая и правая по 240 пикселей, центральная - все оставшиеся место.
Я использую такой код:


<div style="width:240px; background-color:ff0000; height:100%; float:left;"> 
<img src="images/logo.jpg" />
 
</div> 

<div style="width:80%; background-color:ff0000; height:100%; float:left;"></div> 

<div style="width:240px; background-color:ff0000; height:100%; float:right;"> 
</div>


Если уменьшаешь страницу по ширине и или уменьшаешь разрешение экрана, то полосы перекашивает. Получается что-то типа треугольника. Под левой частью полосы идет центральная, под центральной - правая.

Как сделать так, чтобы елементы оставались зафиксированными? Помогите пожалуйста советом.

Egorsha:
Могу посоветовать сделать как-то так:


<style>
* {margin:0; padding:0;}
div#col1 {position:absolute; top: 0px; left:0; width:240px; background-color:#00ff00; height:100%;}
div#col2 {width:100%; background-color:#ff0000; padding:0 243px 0 243px;  height:100%;}
div#col3 {position:absolute; top:0; right:0; width:240px; background-color:#0000ff; height:100%;}
</style>

<div id="col1"><img src="images/logo.jpg" />
</div>  
<div id="col2">sadasd</div>  
<div id="col3">asdasd</div>

(цвета колонок поменял "для наглядности")

Навигация

[0] Главная страница сообщений