473,320 Members | 1,861 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,320 software developers and data experts.

same html code behave differently in IE and FireFox

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

</style>
<table>
<tr><td>
<select style="border:solid 1px #7f9db9" name="select" size="4" ">
<option value="name1">Name1</option>
<option value="name2">name2</option>
<option value="name3">name3</option>
<option value="name4">name4</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
4 6770
Alright, now I know option is not hoverable in IE. What about other
differences?

On Mar 23, 4:17 pm, "usgog" <u...@yahoo.comwrote:
Here is my html code snippet:
<html>
<style type="text/css">
option:hover {
background:#e5ecf9;

}

</style>
<table>
<tr><td>
<select style="border:solid 1px #7f9db9" name="select" size="4" ">
<option value="name1">Name1</option>
<option value="name2">name2</option>
<option value="name3">name3</option>
<option value="name4">name4</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
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
usgog wrote:
Here is my html code snippet:
<html>
<style type="text/css">
option:hover {
background:#e5ecf9;
}
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
On 24 Mar, 01:17, "usgog" <u...@yahoo.comwrote:
<select style="border:solid 1px #7f9db9" name="select" size="4" ">
<option value="name1">Name1</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

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

17
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...
3
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
3
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...
16
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...
4
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 ...
2
by: usgog | last post by:
Here is my html code snippet: <html> <style type="text/css"> option:hover { background:#e5ecf9; } </style> <table> <tr><td>
17
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...
2
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...
4
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...
15
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...
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: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
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...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

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.