Три DIV рядом друг с другом с горизонтальной шириной жидкости - PullRequest
Новая
       32

Три DIV рядом друг с другом с горизонтальной шириной жидкости

0 голосов
/ 26 июля 2011

Мне нужно знать, как выровнять все три деления рядом друг с другом со всеми различными фоновыми изображениями, и центр должен быть 989px, левый и правый делители, их ширина не имеет значения.

Ответы [ 2 ]

3 голосов
/ 26 июля 2011

В двух словах .. http://jsfiddle.net/hobobne/qyGC5/

<style>
.sides {display: inline-block; width: 100px; border: 2px dotted green;}
#main {display: inline-block; width: 200px; border: 2px dotted blue;} /* you can change this to 989px */
</style>
<div class="sides">side 1</div><div id="main">main</div><div class="sides">side 2</div>

РЕДАКТИРОВАНИЕ: Окончательное решение: http://jsfiddle.net/hobobne/qyGC5/4/

1 голос
/ 26 июля 2011 
<style type="text/css">
  #wrapper {
  }

  #wrapper div {
    float : left;
  }

  #wrapper #left {
    width : 300px;
    background-image : "/path/to/an_image";
  }
  #wrapper #center {
    width : 989px;
    background-image : "/path/to/another_image";
  }
  #wrapper #left {
    width : 200px;
    background-image : "/you/get/the/idea";
  }
</style>

<div id="wrapper">
  <div id="left"></div>
  <div id="center"></div>
  <div id="right"></div>
</div>
...