473,241 Members | 1,528 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,241 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 1577
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

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

Similar topics

0
by: David Pratt | last post by:
Hi. I am putting together a database application on Zope. I have built a pager for my records (20 per page) but do not want the browser scroll bars to reset to the top of the browser each time the...
15
by: A.Translator | last post by:
From what I read, aligning images vertically in a div is not easy. It proofed too difficult for me: I tried to align the "control buttons" on the right hand side of the main nav bar by vertically...
3
by: shortbackandsides.no | last post by:
Here's a working code fragment out of a form. One checkbox is checked the other isn't. When you change the status of one the other changes too. <input type="checkbox" name="nlbox1" value="9"...
5
by: Digital Puer | last post by:
I have the following HTML form: - radio button A (default selected) - radio button B - input field, of type "file" with "Choose" button - submit button I would like to have it so that if the...
2
by: chris_culley | last post by:
Hi, I'm fairly new to using css, and have been using it to format a vertical navigation bar on my website, producing a load of buttons on top of each other, each with a (151 * 33 px) gif as the...
2
by: larzeb2000 | last post by:
I made a vertical navbar using a background image for the buttons. When I tested under FF or Opera, it looks fine, with the buttons touching vertically. However, in IE6 the buttons are spaced apart...
13
by: Ellen12c | last post by:
Hello To All, This forum is cool! Im in the process of building a better web site http://www.chrisscorals.com On the left frame "Left side of the page" I need a complete working vertical...
11
by: C.W.Holeman II | last post by:
I what to hide an input element and the following text. I have the selector for the input working and just need to grab the text following it. CSS: form{ display:table; text-align:center; }
4
by: O11Y | last post by:
Hello, I've read numerous posts & guides on this subject but i'm still having problems. I'm writing some HTML for the company intranet and all our browsers are currently (you guessed it) IE6. ...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

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.