Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > navbar position when changing font size

Reply
Thread Tools

navbar position when changing font size

 
 
chlori
Guest
Posts: n/a
 
      01-18-2005
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
 
Reply With Quote
 
 
 
 
Steve Pugh
Guest
Posts: n/a
 
      01-18-2005
chlori <(E-Mail Removed)> 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

 
Reply With Quote
 
 
 
 
Bernhard Sturm
Guest
Posts: n/a
 
      01-18-2005
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
 
Reply With Quote
 
Richard
Guest
Posts: n/a
 
      01-19-2005
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?


 
Reply With Quote
 
Steve Pugh
Guest
Posts: n/a
 
      01-19-2005
"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

 
Reply With Quote
 
chlori
Guest
Posts: n/a
 
      01-19-2005
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
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Swing Font, it's Java Font? ot native? how install new font? mttc Java 2 07-03-2009 07:29 PM
Changing font color from current font color to black color Kamaljeet Saini Ruby 0 02-13-2009 04:58 PM
Printing with specific font-type and font-size wial Java 2 11-27-2008 05:30 PM
Windows XP explorer font and font size Lookout Computer Support 0 06-04-2006 02:58 AM
Selecting font size based on available font dave richards HTML 2 02-19-2004 02:47 PM



Advertisments