![]() |
|
|
|||||||
![]() |
HTML - navbar position when changing font size |
|
|
Thread Tools | Search this Thread |
|
|
#1 |
|
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 |
|
|
|
|
#2 |
|
Posts: n/a
|
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 |
|
|
|
#3 |
|
Posts: n/a
|
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 |
|
|
|
#4 |
|
Posts: n/a
|
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? |
|
|
|
#5 |
|
Posts: n/a
|
"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 |
|
|
|
#6 |
|
Posts: n/a
|
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 |
|