2014-01-29 4 views
1

Итак, первое сообщение здесь, и я собираюсь сходить с ума, пытаясь выяснить ответ на эту проблему.Позиционирование DIV непосредственно под фиксированной позицией с фиксированной позицией 100% шириной по умолчанию DIV

У меня есть две дивы:

#splash { 
width:100%; 
min-width:1024px; 
height:auto; 
position:fixed; 
top:80px; 
z-index:-1; 
} 

#maincontentwrap { 
width:100%; 
min-width:1024px; 
height:2000px; 
z-index:100; 
background:#838d82; 
} 

Идея, которую я пытаюсь выразить то, что я хочу #maincontentwrap быть расположены непосредственно под #splash, но я хочу #maincontentwrap оставаться фиксированной на месте, а #splash прокручивает его. Я предполагаю, что проблема заключается в том, что я пытаюсь расположить что-то прямо под другим, имеющим разную высоту.

Любое понимание этого вопроса было бы весьма полезным. Два дня возиться не очень много.

Спасибо заранее!

+1

Это, вероятно, [xy question] (http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem). Что вы пытаетесь достичь и почему? – Styphon

ответ

0

Вы должны использовать position: fixed или position: absolute в вашем #maincontentwrap и настроить поля и отступы accordling на высоту #splash.

Если высота определена во время выполнения, вы должны использовать JavaScript для расчета и установки полей для #maincontentwrap.

+0

Спасибо за ваш вклад! Я просто понял, что есть много способов задать этот вопрос (немного CSS/HTML/JQuery noob здесь, так как я специализировался в графическом дизайне и занимался многими веб-ресурсами в последнее время). Я думаю, что решение поступит в виде использования JQuery, чтобы получить высоту #splash и сделать ее позицией/верхним краем #maincontentwrap, но опять же не слишком уверенным. –

+0

Приятно знать, что я мог бы помочь. Я не мог понять, что вы имели в виду под номером * «Я хочу, чтобы #maincontentwrap оставался фиксированным, а #splash прокручивает его» *, но если мой ответ вам помог, это здорово. :) –

+0

Я думаю, лучшее, что нужно сделать, это показать пример кода в процессе! http://alexanderfitch.com/waywest/index.html Идея будет заключаться в том, что серая/зеленая коробка (#maincontentwrap) появится заподлицо под большим изображением (#splash) независимо от ширины браузера –

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