Главная страница Gmail css

0

Я больше программист, чем веб-дизайнер, я стараюсь сделать простой (я думаю) дизайн, например домашнюю страницу 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/

  • 0
    Какой у Вас вопрос?
  • 0
    это видно ... надо прокручивать
Показать ещё 1 комментарий
Теги:

2 ответа

0

Вы можете попробовать применить переполнение: скрыть в левом/правом 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;
}

Надеюсь, это поможет!

0

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

background-attachment:fixed;

и для вас divs

просто используйте float: left; и float: right ;

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

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

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

  • 0
    Но если я не укажу ширину, мое изображение будет искажено
  • 0
    затем просто используйте: background-size: 100% auto; фон-повторить: не повторять; jsfiddle.net/prollygeek/e7MMQ/2
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню