Bottom of Firefox/IE

Reply

Join Date: Mar 2006
Posts: 24
Reputation: Anax is an unknown quantity at this point 
Solved Threads: 0
Anax's Avatar
Anax Anax is offline Offline
Newbie Poster

Bottom of Firefox/IE

 
0
  #1
May 8th, 2006
Hia,

I'm frustrated with trying to get a navigation console to sit on the bottom center of page. I'm trying to avoid ever having x or y scroll bars on my site. I can get it to work sweetly on IE using

HTML and CSS Syntax (Toggle Plain Text)
  1. #nav {
  2. position:absolute;
  3. bottom: 0px;
  4. z-index: 4;
  5. left: 50%;
  6. margin-left:-287px;
  7. height: 110px;
  8. width: 100px;
  9. }

but that makes the images on nav console go under the bottom of browser viewport on Firefox by about 10px and enables scrolling across.

I can get it to work perfectly on Firefox by simply changing to

HTML and CSS Syntax (Toggle Plain Text)
  1. #nav {
  2. position:fixed;
  3. ...
  4. }

but that isn't recognised by IE and my console ends up top left of screen. I could complain about IE but I'd rather just get it right for both browers.

The site this is being used on is

www.readingbus.co.uk

any ideas?

russell
Last edited by tgreer; May 8th, 2006 at 10:43 pm. Reason: Added CODE tags. Please use CODE tags!! Removed profanity.
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: Bottom of Firefox/IE

 
0
  #2
May 8th, 2006
Please use code tags.

The CSS position attributes depend on how the elements are nested, and how the parent elements are nested, and so on up the chain.

Your page is a bit of a muddle, because you're mixing both DIV elements and TABLES, and the container hierarchy isn't very clear.

The first step is to clean up your page source. If you're going to use DIVs, then use them throughout, consistently. If you're going to use tables, then organize the entire page as a table.

When you mix-and-match, each browser will do it's best to figure out what "contains" what, and then how to apply your CSS.

You also have an incomplete DOCTYPE.
Reply With Quote Quick reply to this message  
Join Date: Mar 2006
Posts: 24
Reputation: Anax is an unknown quantity at this point 
Solved Threads: 0
Anax's Avatar
Anax Anax is offline Offline
Newbie Poster

Re: Bottom of Firefox/IE

 
0
  #3
May 8th, 2006
Much appreciated mr greer,

and I see. This, my first site, shows the steep learning curve I underwent, learning the tec stuff having been a Creative. And in the dark months ago I started by cheating using the Dreamweaver Nav Bar set-up which sets up a table. I now try to avoid tables.

The only reason I haven't gone through site changing the nav bar to a css-based horizontal list is my inability to achieve a similar image-rollover effect. I can get one using pseudo classes A:link etc with different background images - but I can only get the changing background to wrap around the single line of the link text. Do you think I can achieve a similar effect as on my current page using css.
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: Bottom of Firefox/IE

 
0
  #4
May 8th, 2006
Yes. And if not, then we add a bit of JavaScript.

But before all of that, get the page down to a few nice DIV elements.
Reply With Quote Quick reply to this message  
Join Date: Mar 2006
Posts: 24
Reputation: Anax is an unknown quantity at this point 
Solved Threads: 0
Anax's Avatar
Anax Anax is offline Offline
Newbie Poster

Re: Bottom of Firefox/IE

 
0
  #5
May 9th, 2006
OK it's a deal - I'm off to bed as it's 4am Scottish Highlands time, but tomorrow I'll give it a go...

thanks for giving me the inspiring kick up the **** I needed
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:


Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC