471,310 Members | 1,083 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,310 software developers and data experts.

Vertical Buttons using LI differs in FF2 vs IE

I'm a newbie when it comes to CSS and I tried to incorporate menu buttons using CSS on to our site. It works great (IMHO) in IE6, but someone emailed me that it's really crappy in FF2, so I installed Firefox and... they're right!

I tried a couple of possible corrections, but it either made the Firefox worse, or messed up the IE6. Unfortunately, this is a production site so I can't mess around with it too much.

Would someone look at www.gastrova.com and compare the buttons on the left-hand side in IE6 and tell me if there's an easy fix for the CSS? (The CSS is at www.gastrova.com/corporatestyle.css and the code for the buttons are the last sections of the file.)

Thanks!
Jim
Aug 25 '07 #1
2 1432
drhowarddrfine
7,435 Expert 4TB
It works great (IMHO) in IE6, but someone emailed me that it's really crappy in FF2, so I installed Firefox and... they're right!
And there is your problem. Never, ever use IE as your reference page. Always, always use a modern browser such as Firefox, Opera, Safari or, in other words, anything but any version of IE. IE7 is nine years behind web standards.

Currently, you have an improper doctype which puts IE into 'quirks mode' and its broken "box model". Also, you have 33 html errors and 7 CSS errors. Fortunately, most of those errors do not hurt your page.

I am out of town and cannot specifically tell you how to fix your page but I would add Firefox's web developer extension and Firebug, validate your html and css for your list of errors, and then fix it so it works in IE (and therefore all modern browsers) and then we can adjust for IEs quirks and bugs. I would also spend some time looking over the articles in the Articles section above.

Unless someone else helps you in the meantime, I won't be back in town till mid-week.
Aug 25 '07 #2
Currently, you have an improper doctype which puts IE into 'quirks mode' and its broken "box model".
This is the proper one
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Aug 25 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

reply views Thread by David Pratt | last post: by
15 posts views Thread by A.Translator | last post: by
3 posts views Thread by shortbackandsides.no | last post: by
5 posts views Thread by Digital Puer | last post: by
11 posts views Thread by C.W.Holeman II | last post: by
reply views Thread by rosydwin | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.