Strange JS Behavior - Javascript

Brendan CM

I'm here trying to figure something out, on the new version of IE7,
this dynamic HTML menu doesn't display items properly. An example
here: http://www.abit-usa.com That same menu is being used on a game
site that I'm a developer for, I'm trying to figure out what causes the
inconsistancy on IE7. Basically, the menu pops up, but as soon as you
start moving around the menu (on abit-usa.com) you'll notice items with
spaces in their label have the second half of the text disappear.

What in reality is happening is the text is being pushed down to a line
below, and since there are items there, it looks like it disappears. I
am trying to nail down where exactly this is happening, but I can't
figure it out. I got as far as figuring out that a:hover stylesheets
seem to influence whether or not it pushes the second item in menu
down, and that changing the color of the background on the item seems
to also influence it. Anyone?

Mar 3 '06 #1

Subscribe Post Reply

1067

Randy Webb

Brendan CM said the following on 3/3/2006 4:32 PM:

I'm here trying to figure something out, on the new version of IE7,
this dynamic HTML menu doesn't display items properly. An example
here: http://www.abit-usa.com That same menu is being used on a game
site that I'm a developer for, I'm trying to figure out what causes the
inconsistancy on IE7.
<snip>
Anyone?

An IE7 Beta specific group perhaps? :-x

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Mar 4 '06 #2

Brendan CM wrote:

I'm here trying to figure something out, on the new version of IE7,
this dynamic HTML menu doesn't display items properly. An example
here: http://www.abit-usa.com That same menu is being used on a game
site that I'm a developer for, I'm trying to figure out what causes the
inconsistancy on IE7. Basically, the menu pops up, but as soon as you
start moving around the menu (on abit-usa.com) you'll notice items with
spaces in their label have the second half of the text disappear.

What in reality is happening is the text is being pushed down to a line
below, and since there are items there, it looks like it disappears. I
am trying to nail down where exactly this is happening, but I can't
figure it out. I got as far as figuring out that a:hover stylesheets
seem to influence whether or not it pushes the second item in menu
down, and that changing the color of the background on the item seems
to also influence it. Anyone?

Just my thoughts:

IE 7.x supports :hover selector for all elements, not for links only.
That may introduce some CSS overlapping effects on your page. I'm not
saying it's the case - I'm just suggesting to look at.

I did no check what is the containing element for menu items (DIV,
SPAN, A itself ?) In any case you may want to have a block element
there (a natural one or forced over display property) with
white-space: nowrap;
Try to set it to see the immediate effect.

You also may want to put some DOCTYPE to switch IE into W3C box model
("CSS1Compat" by IE's terms). This will save a lot of time for
fine-tune debugging between IE and other UA's. In the most lazy case it
is sufficient to place:
<!DOCTYPE "I Love Microsoft!">
<html>
....
:-)

.... but really better to use some official DTD (Transitional, Frames or
Strict). Just remember that with Transitional you have to use the DTD
link either, otherwise it will be ignored by IE. Other DTD will be
respected with or without DTD links.

Mar 4 '06 #3

Similar topics

Strange behavior webservices

by: Alexander Inochkin | last post by:

Hi! I found same strange behavior of ASP.NET. It is possible this is the bug. Follow the steps:

.NET Framework

ADO.NET - strange behavior

by: ivb | last post by:

Hi all, I am using DB2 8.1.11.1 on NT with ASP.NET 1.1 When application make connection to database (via ADO.NET), it set "Connection timeout" parameter to 30 seconds. After, when my webpage...

DB2 Database

Strange Event Behavior (Controls with same tag value cause duplicate events)

by: Joseph Geretz | last post by:

Writing an Outlook AddIn with C#. For the user interface within Outlook I'm adding matching pairs of Toolbar buttons and Menu items. All of the buttons and menu items are wired up to send events to...

C# / C Sharp

Strange behavior when using AspCompat=true

by: Nicholas Palmer | last post by:

Hi all, Got a question about the AspCompat=true page property. First a little background. We have an ASP.NET app that uses two COM components. The first is the Microsoft OWC 11 components and...

ASP.NET

Some strange error

by: david | last post by:

I took old code and decided to modify it a bit, and I just noticed that it does not compile at all and before server one of severs (main) crashed in the system it was working fine (I am really sure...

C / C++

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

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...

Windows Server

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,...

C / C++

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...

Online Marketing

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...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General