navbar position when changing font size

Discussion in 'HTML' started by chlori, Jan 18, 2005.

  1. chlori

    chlori Guest

    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, Jan 18, 2005
    #1
    1. Advertising

  2. chlori

    Steve Pugh Guest

    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
     
    Steve Pugh, Jan 18, 2005
    #2
    1. Advertising

  3. 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
     
    Bernhard Sturm, Jan 18, 2005
    #3
  4. chlori

    Richard Guest

    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, Jan 19, 2005
    #4
  5. chlori

    Steve Pugh Guest

    "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, Jan 19, 2005
    #5
  6. chlori

    chlori Guest

    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
     
    chlori, Jan 19, 2005
    #6
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. romy
    Replies:
    0
    Views:
    788
  2. dave richards
    Replies:
    2
    Views:
    629
    Paul Furman
    Feb 19, 2004
  3. wial
    Replies:
    2
    Views:
    839
  4. mttc
    Replies:
    2
    Views:
    2,425
    Roedy Green
    Jul 3, 2009
  5. Kamaljeet Saini
    Replies:
    0
    Views:
    447
    Kamaljeet Saini
    Feb 13, 2009
Loading...

Share This Page