navbar position when changing font size

[chlori]

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

 

[Steve Pugh]

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

 

[Bernhard Sturm]

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

 

[Richard]

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?

 

[Steve Pugh]

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

 

[chlori]

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!