Gmail страница CSS

Question

Я больше программист, чем веб-дизайнер, я пытаюсь сделать простой (я думаю) дизайн, как на домашней странице Gmail https://mail.google.com/intl/fr/mail/help/about.html

У меня есть DIV в центре мой экран с overflow:hidden, поэтому фоновое изображение не изменяет размер.

В этом div у меня есть еще 2 div, один слева и один справа, проблема в том, что главный div равен overflow:hidden, когда я сжимаю страницу, правый div больше не виден.

Вы можете посмотреть демо здесь: http://jsfiddle.net/e7MMQ/

Answer 1

прежде всего на заднем плане, не имеет ничего общего с сНом переливом, вы могли бы просто использовать

background-attachment:fixed; 

и для вас DIVS

просто использовать float : left; и float : right ;

если это, что вы пытаетесь сделать:

http://jsfiddle.net/prollygeek/e7MMQ/1/

это потому, что вы указали ширину, и ваш DIV еще есть, но прокручивать вправо, чтобы увидеть его.

Answer 2

Вы можете попробовать применить переполнение: спрятать в левом/правом divs и зафиксировать их. То предположение, что у вас нет содержимого внутри большего контейнера, и все находится в левом/правом div.

Затем сделайте свой большой контейнер фиксированным размером, который представляет собой объединенный размер ваших левых/правых div.

HTML:

<div id="container"> 
<div id="left">Some content</div> 
<div id="right">Some other content</div> 
</div> 

CSS:

#container{ 
width:300px; 
height:300px; 
} 
#left{ 
float:left; 
width:150px; 
height:300px; 
overflow:hidden; 
} 
#right{ 
float:right; 
width:150px; 
height:300px; 
overflow:hidden; 
} 

Надежда, что помогает!