navbar position when changing font size

Hello

Here's the problem page:
http://www.arto.ch/tests/thinklab/index.php
http://www.arto.ch/tests/thinklab/style.css

When I reduce my font size in Firefox, then the nav bar
moves up behind the (dirty and soon replaced test) image.

So what I want is this:
When the user increases his font size then the navbar
should move down because of the higher <h1>. When he
reduces his font size then the navbar should stay under
the image. Any suggestions?

Thanks

--
chlori

chlori

chlori <> wrote:

>Here's the problem page:
>http://www.arto.ch/tests/thinklab/index.php
>http://www.arto.ch/tests/thinklab/style.css
>
>When I reduce my font size in Firefox, then the nav bar
>moves up behind the (dirty and soon replaced test) image.
>
>So what I want is this:
>When the user increases his font size then the navbar
>should move down because of the higher <h1>. When he
>reduces his font size then the navbar should stay under
>the image. Any suggestions?

Set clear: right on #navcontainer so that it must clear the bottom of
the floated image.

Or, set a min-height on the <h1> (not supported by IE but IE doesn't
seem to show the same problem anyway).

Steve

chlori wrote:
> Hello
>
> Here's the problem page:
> http://www.arto.ch/tests/thinklab/index.php
> http://www.arto.ch/tests/thinklab/style.css
>
> When I reduce my font size in Firefox, then the nav bar moves up behind
> the (dirty and soon replaced test) image.
>
> So what I want is this:
> When the user increases his font size then the navbar should move down
> because of the higher <h1>. When he reduces his font size then the
> navbar should stay under the image. Any suggestions?

this
<img src="images/TLC_Logo.gif" width="147" height="60" id="logo" />
should read
<img src="images/TLC_Logo.gif" width="xxem" height="yyem" id="logo" />

note:you could drop the width and heights of your image in XHTML and
include it in you CSS, and use units in your CSS...

use ems for all positioning instead of px this will ensure that all
elements within the page layout will magnify proportionally...

HTH
bernhard
--
www.daszeichen.ch
remove nixspam to reply

On Tue, 18 Jan 2005 21:01:02 +0100 chlori wrote:

> Hello

> Here's the problem page:
> http://www.arto.ch/tests/thinklab/index.php
> http://www.arto.ch/tests/thinklab/style.css

> When I reduce my font size in Firefox, then the nav bar
> moves up behind the (dirty and soon replaced test) image.

> So what I want is this:
> When the user increases his font size then the navbar
> should move down because of the higher <h1>. When he
> reduces his font size then the navbar should stay under
> the image. Any suggestions?

> Thanks

A 2 col division for the two images would solve that problem.
You have a div for the <li> container, why not above it?

"Richard" <Anonymous@127.001> wrote:
>On Tue, 18 Jan 2005 21:01:02 +0100 chlori wrote:
>
>> Here's the problem page:
>> http://www.arto.ch/tests/thinklab/index.php
>
>> When I reduce my font size in Firefox, then the nav bar
>> moves up behind the (dirty and soon replaced test) image.
>
>A 2 col division for the two images would solve that problem.

There's only one image on that page. What universe are you in today?

Steve

Steve Pugh schrieb am 18.01.2005 22:06:
> Set clear: right on #navcontainer so that it must clear the bottom of
> the floated image.

Works perfectly here on IE/Firefox. Thanks, great help!

--
chlori