Responsive sablon készítése probléma

Sziasztok!



Elkezdtem fejleszteni egy wordpress sablont.

Az a problémám, hogy mivel ritkán látok neki fejlesztgetéseknek, ezért az eltelt idő alatt elfelejtek elég sok dolgot, kiesek a rutinból.

Jelenleg a 960 grid system segítségével próbálkozom és ott akadtam el, hogy van egy nagy fejléckép, amin van egy sáv ahova a menüpontokat szeretném kiíratni.

A menüpontok ugyebár a kép alatt jelennek meg.

Addig semmi gondom, hogy felvigyem a menüpontokat margin-top mínusz értékkel relatív pozícionálással és z-index-szel a sávra.

De ha elkezdem összeszűkíteni a böngésző ablakomat, akkor kimegy felfelé a képből a menüsor, valamint a tartalmi rész is felcsúszik a lap tetejére.

Hogyan lehet megoldani azt, hogy a navigáció rendesen maradjon az adott sávban és ne változzon se a menüpontok, se a tartalmi rész pozíciója?



Köszönöm,

András

<br />
<div class="container_12 focontainer"><br />
<div class="grid_12 header"><br />
<br />
<img src="<?php bloginfo('template_url'); ?>/img/head.jpg"><br />
<br />
<div class="navigation"><br />
<ul><br />
<?php<br />
wp_nav_menu([<br />
<br />
'theme_location' 	=> 'custom-menu',<br />
'menu' 				=> 'Main Menu',<br />
'container_class'	=> 'custom-container-class',<br />
'container_id'		=> 'custom-container-id',<br />
'menu_class'		=> 'custom-menu-class',<br />
'menu_id'			=> 'custom-menu-id',<br />
'container'			=> '' //no container, only wrapper<br />
<br />
]);<br />
?><br />
</ul><br />
</div><br />
<br />
</div> <!-- end of header --><br />