Try the following:
Mark up that navigation as HTML type as you want.
Set the height for the #header in ems instead px.
As you define the base font 62.5% you get 10px = 1em.
So the header height must be : 19.9 em instead 199px
Now when you resize the browser text size the header increase in height and
reveal the background not covered by the
header image (actually the color for the background is white)
At this point you have the following options:
1-) Choose an image greater than 199px in height. (better)
2-) Set a blue color for header background. (not so good)
Maurício Samy Silva
From: "Don Hinshaw" [EMAIL-REMOVED]>
To: "css-discuss" [EMAIL-REMOVED]>
Sent: Sunday, September 23, 2007 12:49 AM
Subject: [css-d] 2 questions about the effects of changing text size
> Hi there,
> My questions begin here:
> CSS here:
> The navigation in the header of the page is png images, yet when I
> increase the type size in the browser, the spacing between the images
> increases until Contact Us, then People, then Publications drop down
> into the white area and effectively disappear.
> I can't figure out what is controlling the space between the images. I
> thought setting the margins and padding on the <li> containing the
> images would do that, but no. What am I missing?
> I started out with html type for those nav elements, but switched to
> images because it seemed impossible to contain the type as it grew.
> Question 2: I would actually prefer to use html type instead of images
> there, but I could not think of a clever way to keep the words from
> disappearing when they got larger and pushed down over the white page
> Does anybody have a good idea about how that could be accomplished?
> If not, I would sure like a solution to #1.
> Thanks very much.
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/