The Situation: <!-- m --><a class="postlink" href="http://www.uwmike.com/layout/blue/">http://www.uwmike.com/layout/blue/</a><!-- m -->
The Problem: Anything narrower than 795px and the menu items wrap, causing the header to break apart.
One solution I considered was to simply place the #nav absolutely, so as to prevent any wrapping... but I do want it to wrap -- just not break the layout.
Would it be somehow possible to have the menu options wrap above instead of below? Or have the menu shift up vertically when it wraps? There's no valign=bottom attribute to accomplish this, but is there some alternative?
If I position:relative the parent element, can I position:absolute to stick it on the baseline?
The Problem: Anything narrower than 795px and the menu items wrap, causing the header to break apart.
One solution I considered was to simply place the #nav absolutely, so as to prevent any wrapping... but I do want it to wrap -- just not break the layout.
Would it be somehow possible to have the menu options wrap above instead of below? Or have the menu shift up vertically when it wraps? There's no valign=bottom attribute to accomplish this, but is there some alternative?
If I position:relative the parent element, can I position:absolute to stick it on the baseline?