Hi John,
Try replacing these declarations. I "think" this is what your wanting.
/* new header nav */
#main_nav{
/* border:1px solid red; */
/* border:1px solid rgb(255,255,255); */
/* float:left; */
/* width:100%; */
}
#main_nav ul{
list-style-type:none;
/* position:relative; */
margin:.5em 0 0 0;
padding:0 0 0 1.25em;
}
#middle{
/* border:1px solid green; */
margin:0;
/* padding:2em 0 0 0; */
/*overflow: :hidden;*/
}
#footer_nav ul li ul{
margin:1em 0 0 0;
/* position:absolute; */
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.35s, opacity 0.5s linear;
}
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Aug 16, 2014, at 7:11 PM, John <[email protected]> wrote:
> At this link, http://www.coffeeonmars.com/screenshots/menu-prob/product.php I
> am having issues with the header nav in that I feel I’ve done a lot of
> kludges to get it to behave correctly and not explode the page..
>
> ...such as giving a white 1px border to the nav (else everything below it
> disappears!)
>
> I know that some floats are necessary to make the child menu items behave
> correctly, but I’ve had to float the menu itself or else the sub nav at the
> left (also floated left) shoots over to the right.
>
> My question: can anyone suggest how I might better construct this header nav?
> it basically looks the way it needs to; would prefer fewer kludges to get it
> that way. Fewer kludges tells me fewer things to bite me down the road.
>
> Thank you!
>
> John
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
