Vertical Buttons using LI differs in FF2 vs IE

1 New Member

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.co m 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.co m/corporatestyle. css and the code for the buttons are the last sections of the file.)

Thanks!
Jim

Aug 25 '07 #1

Subscribe Reply

1598

drhowarddrfine

7,435

Recognized Expert Expert

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

just a feeling

New Member

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

Similar topics

1389

Python JavaScript solution to hold vertical scroll bar

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 pager is advanced to the previous or next page. The normal behavior is fine for everything but the anchor tags I am using for the pager. Instead of resetting when a new page is sellected, I want the vertical scrollbar to maintain its ...

Python

15962

vertical align images in div

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 alignign the container div (#playPanel)to "middle" - but it is no good. Can someone please point me in the right direction? I would be very grateful.

HTML / CSS

5547

Make checkboxes work like radio buttons but...

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" checked onClick="document.signup.nlbox2.checked=!document.signup.nlbox2.checked;"> <input type="checkbox" name="nlbox2" value="8" onClick="document.signup.nlbox1.checked=!document.signup.nlbox1.checked;">

Javascript

3108

simple question about radio buttons

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 user clicks on the "Choose" button of the input field (to select a file on the local disk), then radio button B is automatically

Javascript

15554

css: vertical align text to a background image in a link

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 background. I've customised the <a> tag as follows: a.menu {

HTML / CSS

3222

css vertical navbar spacing browser compatibility

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 vertically by the amount of padding I used to vertically center the text on the button. IE7 has vertical spacing also, but only a small amount. Any suggestions on how to handle this difference? To see the buttons with the padding,...

HTML / CSS

2029

Looking For A Complete Working Code For A Vertical Tool Bar.

by: Ellen12c | last post by:

Hello To All, This forum is cool! I’m 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 scrollbar in either html code, or java script. I'm out of room and need to expand down but viewers cannot see past my links. What can I do? I used some codes like the buttons and making links but the vertical scroll bar doesn’t show. If you have any...

HTML / CSS

19229

Hide input text

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; }

HTML / CSS

3295

Another Vertical-Alignment Problem (Sorry)

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. In most of the guides that I've read you can "fix" this problem in IE6 by nesting a series of divs inside each other and fiddling the margins. However this only seems to work when you know the size of the content you're putting in. It also seems to...

HTML / CSS

9619

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

9454

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

10260

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10102

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

10038

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

7460

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6712

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5354

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

3609

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP