CSS Позиции Элемент

Question

Маленький и простой вопрос. Я получил эти правила CSS.

html { 
    background-image:url('../images/background1.jpg'); 
    -webkit-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 100%; 
    margin-top: 5px; 
    margin-left: auto; 
    margin-right: auto; 
    width: 960px; 
    border: 3px solid rgb(75,75,75); 
    box-shadow: 0 0 15px 5px rgba(40,80,100,.75); 
    -moz-border-radius-bottomleft: 10px; 
    border-bottom-left-radius: 10px; 
    -moz-border-radius-bottomrightt: 10px; 
    border-bottom-right-radius: 10px; 
    background:url('../images/background4.jpg'); 
    background-size: cover; 
    min-height: 900px; 
    height:auto; 
} 

Теперь я просто хочу, чтобы добавить в стороны, а не в теле, а относительные postioned Реклама Boxs ... Как я могу это сделать?

Answer 1

Если вам нужен дополнительный контент по бокам тела, вам нужно будет указать 3 <div> элементов, установите их по ширине страницы (если вы хотите рекламировать каждую сторону в основной области вы можете либо установить проценты для каждого div, чтобы заняться использованием свойства ширины css, либо вы можете установить его в пикселях, если хотите точные измерения.

Есть второй «средний» div в качестве вашего нового «тела», вы будете иметь свое содержание.

ли это смысл?

Answer 2

у вас есть иметь все в своем теле. Если вы пытаетесь достичь 3-х столбчатой ​​структуры с серединой, чем то, что сейчас находится в теле, и 2 места на стороне, вы можете сделать что-то вроде.

<div id="wrapper"> 
    <div id="left"></div> 
    <div id="main"></div> 
    <div id="right"></div> 
</div> 

и в вашем CSS заменить тело #main добавив еще 2 свойства float: left; width: 70%

также добавить свойства CSS для других элементов

#wrapper {width: 100%;} 
#left {width: 15%; float: left;} 
#right {width: 15%;float:left;} 

Answer 3

Вот пример того, что я думаю, что вы хотите он использует html и css

http://jsfiddle.net/Hive7/tzeTQ/1/