[EMAIL PROTECTED] wrote:
>http://videointegrations.com/odyssey/
>1. I'm having problems with the red navigation menu slipping up or down
>as text is zoomed.
>2. The bottom of the red nav menu won't grow with content (butt up
>against the darker gray "Place Holder").
> Please help me get this solved for my client, which I'm already losing
>out on for my time.
>
>Thanks,
>scott
>
Hi Scott,
As a beginning:
* In general: it's a bit a mix between fixed (px-) based sizes and
relative (em, %) based sizes.
The combination #header { height: 2.4em; } with #gray_bar {margin: 50px
0 0; } doesn't allow the h1 to grow if the font size is upscaled.
See: #header { border-bottom: 1px dashed blue; }; this is half way
between the 2 lines of the h1.
* Solution: cancel/adapt the line-height of the #header, and adapt
margin-top of #gray_bar (maybe also in em instead of px).
The fixed #gray_bar { line-height: 11px; } doesn't allow the link inside
it to grow if upscaled font size.
* Solution: define the line-height in em.
The #sidebar {width: 200px;} and #Content {margin: 0 0 0 25%;} are
conflicting if 25% of the available window width is smaller as 200px.
* Solution: give the #sidebar also a width in % (or the #Content a
margin-left in px).
I saw IE6 is making a mess of it. Maybe inserting
{position:relative}somewhere can help (not tested).
Sorry, no more time for research... *)
Greetings,
francky
*) A less compressed css would be easier to analyse and to adapt! ;-)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
