Programming Forums
User Name Password Register
 

RSS Feed
FORUM INDEX | TODAY'S POSTS | UNANSWERED THREADS | ADVANCED SEARCH

Reply
 
Thread Tools Display Modes
Old Jun 29th, 2006, 1:33 PM   #1
Lich
Professional Programmer
 
Lich's Avatar
 
Join Date: May 2005
Location: Detroit
Posts: 254
Rep Power: 4 Lich is on a distinguished road
Send a message via AIM to Lich Send a message via MSN to Lich
Another CSS Issue

Take a look @ http://cruzweb.net/sites/showermans/design.php

The navbar goes all the way across in IE, but stops in firefox. For whatever reason firefox refuses to go the entire width of the thing and just stops there, screwnig up the rest of it as well. CSS is at
Take a look @ http://cruzweb.net/sites/showermans/style.css

any help appreciated
__________________
--John Cruz
Web Developer
www.cruzweb.net
Lich is offline   Reply With Quote
Old Jun 29th, 2006, 1:54 PM   #2
Narue
Professional Programmer
 
Narue's Avatar
 
Join Date: Sep 2005
Posts: 419
Rep Power: 4 Narue is on a distinguished road
Is the CSS written for IE or for Firefox? If you write for IE and then try to get things working the same on Firefix, you're going to be in a world of hurt. The CSS should be written specifically for a W3C conformant browser and then you can hack together something completely different that produces the same effect on IE.
__________________
Even if the voices aren't real, they have some pretty good ideas.
Narue is offline   Reply With Quote
Old Jun 29th, 2006, 2:20 PM   #3
Arevos
Programming Guru
 
Arevos's Avatar
 
Join Date: Aug 2005
Location: England
Posts: 1,499
Rep Power: 5 Arevos is on a distinguished road
Quote:
Originally Posted by Lich
The navbar goes all the way across in IE, but stops in firefox. For whatever reason firefox refuses to go the entire width of the thing and just stops there, screwnig up the rest of it as well.
When you float an element, it no longer takes up any internal space. If you put a visible border around your #nav div you'll see what I mean. Firefox is, as usual, exhibiting correct behaviour, and IE is the one behaving oddly.

There's a page here which discusses several solutions to the problem.

I'd also recommend the EditCSS extension for Firefox - edit the CSS of any website and watch the results in real time. I haven't tried this with IETab (mainly because I run Linux), but it may be possible to combine IETab and EditCSS together as well.
Arevos is offline   Reply With Quote
Old Jun 29th, 2006, 4:04 PM   #4
Lich
Professional Programmer
 
Lich's Avatar
 
Join Date: May 2005
Location: Detroit
Posts: 254
Rep Power: 4 Lich is on a distinguished road
Send a message via AIM to Lich Send a message via MSN to Lich
Quote:
Originally Posted by Arevos
When you float an element, it no longer takes up any internal space. If you put a visible border around your #nav div you'll see what I mean. Firefox is, as usual, exhibiting correct behaviour, and IE is the one behaving oddly.

There's a page here which discusses several solutions to the problem.
I knew that it wouldn't take up internal space, I just didn't know why the #nav div would fill up everything as long as there weren't floating div's inside of it. The overflow: auto; works like a charm though, excellent link. Much obliged.
__________________
--John Cruz
Web Developer
www.cruzweb.net
Lich is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread in Forum | Next Thread in Forum »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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




DaniWeb IT Discussion Community
All times are GMT -5. The time now is 7:41 AM.

Powered by vBulletin® Version 3.7.0, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2007 DaniWeb® LLC