I am trying to locate a menu over my masthead, which consists of a full width image. Towards the left there is the page name and to the right of that is the main navigation menu. There is an outerwrapper div and then the masthead div and below that the menu div. I have positioned the menu absolutely as otherwise there is a "hole" left in the page as the div still remains in the document flow. The problem is that although this works, as soon as the browser is altered in width the menu stays tied to the portal frame when I would have thought it would be absolutely positioned to the masterhead. I can't understand why the menu isn't positioned relative to the outerwrapper div, as that is what it is inside.
<div id="outerWrapper"> <div id="header"> <span style="position:relative; top: 30px; left: 190px;">test page </span> </div> <div id="pagemenu"> <span style="position:absolute; top: 30px; left:570px; background-color: fuchsia;"> <?php include("mainmenu.txt");?></span> </div>
This has stretched my patience to the utmost. Some expert guidance would help me retain my sanity!!