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

Posts: 4
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
 
When You Register, These Ads Go Away!
Old 02-13-2007, 03:12 PM Re: Help! CSS behaving differently in Firefox
LadynRed's Avatar
Super Moderator

Posts: 6,555
Location: Tennessee
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 !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
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
Nice site - but I'd strongly recommend chaning the Times New Roman font you've used to something slighlty more interesting!

Otherwise, nice job!!
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
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

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

vB 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.13663 seconds with 12 queries