same html code behave differently in IE and FireFox

usgog

Here is my html code snippet:
<html>
<style type="text/css">
option:hover {
background:#e5e cf9;
}

</style>
<table>
<tr><td>
<select style="border:s olid 1px #7f9db9" name="select" size="4" ">
<option value="name1">N ame1</option>
<option value="name2">n ame2</option>
<option value="name3">n ame3</option>
<option value="name4">n ame4</option>
</select>
</td></tr></table>
</html>

So I want to make the drop down list look like a panel and the options
are hoverable. But in IE: options are NOT hoverable and it looks like
a big text field with border indent.
in FireFox: options are hoverable and no border indent. (GOOD!) BUT it
has a grey'ed vertical scrollbar.

So how to make the display consistent in both IE and FF without the
scrollbar, options hoverable, and like a panel?

Mar 24 '07 #1

Subscribe Reply

6791

usgog

Alright, now I know option is not hoverable in IE. What about other
differences?

On Mar 23, 4:17 pm, "usgog" <u...@yahoo.com wrote:

Here is my html code snippet:
<html>
<style type="text/css">
option:hover {
background:#e5e cf9;

}

</style>
<table>
<tr><td>
<select style="border:s olid 1px #7f9db9" name="select" size="4" ">
<option value="name1">N ame1</option>
<option value="name2">n ame2</option>
<option value="name3">n ame3</option>
<option value="name4">n ame4</option>
</select>
</td></tr></table>
</html>

So I want to make the drop down list look like a panel and the options
are hoverable. But in IE: options are NOT hoverable and it looks like
a big text field with border indent.
in FireFox: options are hoverable and no border indent. (GOOD!) BUT it
has a grey'ed vertical scrollbar.

So how to make the display consistent in both IE and FF without the
scrollbar, options hoverable, and like a panel?

Mar 24 '07 #2

Jukka K. Korpela

Scripsit usgog:

Here is my html code snippet:

But where's your URL?

But in IE: options are NOT hoverable

Indeed.

So how to make the display consistent in both IE and FF without the
scrollbar, options hoverable, and like a panel?

You don't.

If you had posted the URL, someone could have adviced you on how to change
your approach. Now it's just my gut feeling that you should really use a
list of links, because attempts to simulates lists of links with select
elements is the typical way of getting into trouble with select elements,
and more trouble than you know.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Mar 24 '07 #3

Jim Moe

usgog wrote:

Here is my html code snippet:
<html>
<style type="text/css">
option:hover {
background:#e5e cf9;
}

IE6 and earlier do not do :hover on anything besides the <aelement.
Without an URL there is nothing else to say about your query.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Mar 25 '07 #4

Andy Dingley

On 24 Mar, 01:17, "usgog" <u...@yahoo.com wrote:

<select style="border:s olid 1px #7f9db9" name="select" size="4" ">
<option value="name1">N ame1</option>

Why isn't this <selectinside a <form?

If you're planning on NOT using it within a <form>, then <selectis
inappropriate markup to use. You'd probably get better results more
easily by using <uland <liinstead.

If it is meant to be a CSS question about that exact piece of HTML
(and you're using a <form>), then:

- Post exactly the code you're going to use.
- Post a URL to it, not a pasted fragment.
- Post a link to a real server, behaving exactly like the production
server.
- Attach a doctype to it that uses standards-based rendering
- Validate the HTML and CSS beforehand, or you'll simply be told to
go away and do that first.

CSS issues are generally subtle and dependent on complex context-
dependent things liek server HTTP headers. If we aren't looking at
exactly the same input, we know that we can't expect the same
behaviour. Clueful people who might be able to help will thus not
bother to, as they recognise it's probably an unrealistic example.

Mar 26 '07 #5

Similar topics

16189

What happens if several text fields have the same name?

by: wolfing1 | last post by:

Like, I know if several checkboxes have the same name, I can get the ones that were checked after submit with a request.form("name") and maybe do a split(request.form("name"),",") to cycle through them. I tried the same thing with textfields (input type=text), but doesn't seem to work the same. Do they behave differently?

HTML / CSS

1447

Is it the same?

by: QQ | last post by:

For instance I have a struct struct A{ char ID; }A; when I call the ID in struct A A aa; is &aa.ID and aa.ID

C / C++

2056

Firefox renders .aspx page differently than .htm -- Same HTML

by: Jason Honn | last post by:

I have an .aspx page that renders fine in IE6, but it does not render properly in Firefox. If I change the extension from .aspx to .htm everything renders just fine in Firefox. The problem I am having deals with stretching nested tables to fill the cell they are nested in completely. I have specified the embedded table to have a height of "100%", but it acts as if no height is given. Any help would be greatly appreciated.

ASP.NET

1440

VB code runs different than C# code - Why?

by: Joe Fallon | last post by:

I have a C# class that works correctly. I translated it to VB and now it runs differently. The C# class evaluates the Public properties and then executes MyBase.New. So default values are set first and then MyBase.New reads in new values (if they exist.) The VB code does it in reverse. It excutes MyBase.New and then overwrites the new values when it sets the defaults.

Visual Basic .NET

1712

Can anyone explain me this 2 versions of the same page?

by: Bruno Alexandre | last post by:

Hi guys, I'm using the asp:menu component and everything worked great in my machine, but when I upload the files to our Hosting I got this: http://portal.filterqueen.dk/portal2.fq/test.aspx please see the in IE and Firefox... can anyone tell me why in FF I don't get the CSS to work?

ASP.NET

1413

same html code behave differently in IE and FireFox

by: usgog | last post by:

Here is my html code snippet: <html> <style type="text/css"> option:hover { background:#e5ecf9; } </style> <table> <tr><td>

Javascript

1424

html editor recommendations?

by: JJ | last post by:

I am/was using FCKeditor to allow users to submit HTML, however I am coming accross a serious bug which removes all style code blocks when a user submits html using Firefox 2.0.x . So, can anyone recommend any other html editors than can easily be used on a asp.net 2.0 website (and are free/opensource). Thanks, JJ

ASP.NET

2652

IE and Firefox not displaying the same...

by: pammyspammy | last post by:

Hi - Some background info: I'm helping to redesign an internal website at work, and I've decided to use CSS, though I don't really have any experience with it. I figure now's a good time to learn...and what I know right now, I've pretty much learned in the last week or two. At work, we have access to only two browsers, IE 6.0 and Firefox 2.0, so these are the only two browsers I can test the site in, and they're the only ones that...

HTML / CSS

1390

Html in Firefox

by: ZigZak | last post by:

At the risk of infuriating you guys, I was wondering why this code displays differently in IE and Firefox.. I have an idea, but I'm not sure why this code keeps removing the ! when I try to save it : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> Also, I've tried putting # in front of the...

HTML / CSS

2020

Opera, For In Loop, Same Key Appears Twice

by: dhtml | last post by:

Title says it. If I use a for in loop on an HTML collection, I get length twice. <!DOCTYPE HTML> <html lang="en"> <head> <title>length twice</title> </head> <body> <form action="javascript:;" id="form1">

Javascript

9704

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

9569

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

9130

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

7608

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

6844

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

5636

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

4277

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3802

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

2975

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General