Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Review and Suggestions


You are currently viewing our Website Review and Suggestions as a guest. Please register to participate.
Login



Reply
Help! CSS behaving differently in Firefox
Old 02-13-2007, 10:10 AM Help! CSS behaving differently in Firefox
Junior Talker

Posts: 4
Trades: 0
http://www.sonoranhouse.com/index01.html is the site.

http://www.sonoranhouse.com/styles/style.css is the css.

If you take a look at the layout results in IE the site looks exactly how I want it to look, but in Firefox the menu items on the left span the entire width of the page. Perhaps one of you can figure out why it's doing this.

Any advice on my site structure would be greatly appreciated.
arretx is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-13-2007, 03:12 PM Re: Help! CSS behaving differently in Firefox
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Well.. actually, FF is doing it RIGHT and, as usual, IE is getting it WRONG.

I don't understand why you're laying it out in TABLES and yet using an XHTML doctype. If you're going to use XHTML and CSS, then DUMP THE TABLES - you don't need them for that layout at all (or for any layout for that matter !).

If you're going to use floats, than you must CLEAR your floats:
http://css-discuss.incutio.com/?page=ClearingSpace

Fix those and your layout will work properly.

You are also using the <embed> tag -- bad news for IE users and you need to get rid of it. At the top of the HTML forum there are 2 stickies that deal with how to get rid of the <embed> tag, there are several methods.

Font usage - Eurostyle is not a font that most people are going to have on their machines, so you're going to get font substitution. Use the standard fonts. If you want something different, try the sIFR method.

You should also read and understand just how broken IE 6(and below) is. IE7 has a bug or two still:
http://www.positioniseverything.net/explorer.html

If you only code and test for IE, you are going to drive yourself nuts. Code so it works in the more standards-compliant browsers FIRST, then kick IE until it behaves.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-13-2007, 05:55 PM Re: Help! CSS behaving differently in Firefox
Super Talker

Posts: 113
Trades: 0
Nice site - but I'd strongly recommend chaning the Times New Roman font you've used to something slighlty more interesting!

Otherwise, nice job!!
__________________
Tom,

Please login or register to view this content. Registration is FREE
t4tom4 is offline
Reply With Quote
View Public Profile
 
Old 02-13-2007, 06:07 PM Re: Help! CSS behaving differently in Firefox
divicohen's Avatar
Average Talker

Posts: 24
Trades: 0
I had the same problem but only on pages that I've used tables on...
http://www.divinemoving.com was fine but my refrence page was bad in firefox
divicohen is offline
Reply With Quote
View Public Profile Visit divicohen's homepage!
 
Reply     « Reply to Help! CSS behaving differently in Firefox
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.13500 seconds with 12 queries