2014-11-24 3 views
0

Я работаю над шаблоном страницы для веб-сайта. Здесь можно увидеть: http://www.acielouvert.net/clos/Сделайте два divs вместе при изменении размера обозревателя

В заголовке у меня есть слайд-шоу с шириной изображений 100%, они изменяются в зависимости от браузера.

Когда я изменю размер браузера ниже 960px Я хочу div .continue, чтобы оставаться на связи с div.header.
На самом деле я положил margin-top: 700px на div .continue.

Есть ли у вас какие-либо идеи, как я могу это сделать?
Я не хочу использовать медиа-запросы.

Пожалуйста, смотрите здесь код страницы: http://pastebin.com/gLaerw1F

Спасибо,
Гийом

+2

Пожалуйста, включите соответствующий код в сообщение и прочитайте [как задать хороший вопрос] (http://stackoverflow.com/help/how-to-ask). – jurgemaister

+3

Почему бы вам не использовать медиа-запросы? Они разработаны именно для этого сценария ... –

+0

Вы думаете, что мне нужно идти со средствами массовой информации. Мне пришлось бы установить множество сценариев для того, чтобы divs всегда касались друг друга. – Guillaume

ответ

0

Нечто подобное.

@media screen and (max-width: 960px) { 
    // What ever you want ... 
} 
+0

Если я это сделаю, «.continue» достигнет верхней части страницы. Я могу установить несколько шагов с разной шириной и краем, но пользователь увидит, что между шагами. Continue не коснется .header. – Guillaume

+0

Что на самом деле нужно? – Junaid

+0

Я хочу. Продолжайте всегда касаться нижней части .header – Guillaume

0

Я сделал некоторые несколько испытаний, и единственный способ, которым я нашел использует% для margin-top из .continue

Когда пользователь изменять браузер ниже 960px, две дивы склеились и избежать разрыва из-за margin-top: 700px;

В конце концов я обязательно добавлю media queries, но% помогает много.

Спасибо за вашу помощь @Junaid, @Josh Burgess, @jurgemaister.

Смежные вопросы