Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-15-2009, 03:40 AM   PM User | #1
emma23miller
New to the CF scene

 
Join Date: Oct 2009
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
emma23miller is an unknown quantity at this point
Question Firefox sometimes bumps my navigation to the bottom of the page..why??

Hi,

I am a beginner programmer...
I have two issues, the worst one is with my left side navigation on this page I did:

http://www.annadesign.ca/metric_conc...sign/home.html

It happens with Firefox (3.5.3). The navigation moves to the very bottom of the page. It happens most often on the "music" page (the longest page), but also others. A refresh often fixes the problem on all pages except the "music" page. The site works in Safari and IE. AND it works when I preview it in Dreamweaver in IE, Firefox, Safari.

In IE6 I have an additional problem of everything below the header moving like 100-200 px down, but that I can live with (although I would like to know why).

The navigation jumping to the bottom is the most annoying part. Please help!!

Thank you,

Emma

Last edited by emma23miller; 10-16-2009 at 05:23 PM.. Reason: resolved
emma23miller is offline   Reply With Quote
Old 10-15-2009, 04:08 AM   PM User | #2
Lostvoices
New to the CF scene

 
Join Date: Oct 2009
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Lostvoices is an unknown quantity at this point
Quote:
Originally Posted by emma23miller View Post
Hi,

I am a beginner programmer...
I have two issues, the worst one is with my left side navigation on this page I did:

http://www.annadesign.ca/metric_conc...sign/home.html

It happens with Firefox (3.5.3). The navigation moves to the very bottom of the page. It happens most often on the "music" page (the longest page), but also others. A refresh often fixes the problem on all pages except the "music" page. The site works in Safari and IE. AND it works when I preview it in Dreamweaver in IE, Firefox, Safari.

In IE6 I have an additional problem of everything below the header moving like 100-200 px down, but that I can live with (although I would like to know why).

The navigation jumping to the bottom is the most annoying part. Please help!!

Thank you,

Emma
Hi Emma,


I would try changing your Style sheet

Change

Code:
#columns {
	width: 100%;
	display: table;
}
to

Code:
#columns {
        position: relative
	width: 100%;
	display: table;
}
Lostvoices is offline   Reply With Quote
Old 10-15-2009, 04:10 AM   PM User | #3
drhowarddrfine
Senior Coder

 
Join Date: Oct 2005
Posts: 1,340
Thanks: 0
Thanked 61 Times in 60 Posts
drhowarddrfine can only hope to improve
You are using 'display:table' for the columns div. I don't see the purpose of that. It's causing your problem. Remove it.

Last edited by drhowarddrfine; 10-15-2009 at 04:16 AM..
drhowarddrfine is offline   Reply With Quote
Old 10-15-2009, 04:17 AM   PM User | #4
Lostvoices
New to the CF scene

 
Join Date: Oct 2009
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Lostvoices is an unknown quantity at this point
ahh i didn't see that :S
Lostvoices is offline   Reply With Quote
Old 10-15-2009, 07:00 AM   PM User | #5
emma23miller
New to the CF scene

 
Join Date: Oct 2009
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
emma23miller is an unknown quantity at this point
Hey...thanks for the suggestions, will try them now and see what happens.

Emma
emma23miller is offline   Reply With Quote
Old 10-15-2009, 07:15 AM   PM User | #6
emma23miller
New to the CF scene

 
Join Date: Oct 2009
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
emma23miller is an unknown quantity at this point
YAY!!!!
Thank you so much. Don't remember why I had that in the first place...
emma23miller is offline   Reply With Quote
Reply

Bookmarks

Tags
bottom, firefox, move, navigation, page

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 01:57 AM.


Advertisement
Log in to turn off these ads.