Автор Тема: Помогите с нарезкой  (Прочитано 4298 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Nicca

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 74
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Помогите с нарезкой
« : 19 Декабря 2007, 23:47:32 »
Я пытаюсь сделать резиновую странцу разделенную на 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

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 60
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Помогите с нарезкой
« Ответ #1 : 28 Декабря 2007, 18:01:50 »
Могу посоветовать сделать как-то так:


<style>
* {
margin:0padding: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>


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

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28