CSS - using a: hover changes layout in IE ? Is this a known bug ?

false-name

is this a known IE bug/quirk ?

a not-very-complex web page with several <div>
( some of those <div> nested )
with navigation by menu links down the left and near the top

using CSS a:link and a:hover
to modify link color and background-color

running on WinXP SP2
all seems fine in Mozilla browsers and Opera 8.5

but in IE6 - hovering over a link *sometimes* changes the page layout
slightly by changing the margin of a different div in an unconnected
part of the page, with no obvious reason for this
removing all the a:link and a:hover rules from the CSS file
removes this quirk completely

admittedly it's a very small effect, but it just looks *amateurish*
when the page is viewed in IE...

thanks in advance :)

Oct 12 '05 #1

Subscribe Reply

1340

false-name

fa********@fals e-account.net wrote:

is this a known IE bug/quirk ?

a not-very-complex web page with several <div>
( some of those <div> nested )
with navigation by menu links down the left and near the top

using CSS a:link and a:hover
to modify link color and background-color

running on WinXP SP2
all seems fine in Mozilla browsers and Opera 8.5

but in IE6 - hovering over a link *sometimes* changes the page layout
slightly by changing the margin of a different div in an unconnected
part of the page, with no obvious reason for this
removing all the a:link and a:hover rules from the CSS file
removes this quirk completely

admittedly it's a very small effect, but it just looks *amateurish*
when the page is viewed in IE...

thanks in advance :)

er...
I think I've "solved" it

I went back through the CSS and noticed that not all of the <div>
elements had a width: specified...

setting width: on all the elements...
er...
solved it...
:)

Oct 12 '05 #2

Similar topics

3509

Advantages to using xml in a small translation and localisation company

by: Simon Harvey | last post by:

Whato chaps, I work (or am hoping to work! :) for a company that specialises in the following: - Localisation of media - including software, manuals, literature and training material. - Creating training material themselves in many langauges built to order. The main thing I'm thinking about for the company is maybe a sort of content

.NET Framework

2578

Is there an XHTML replacement for using tables?

by: Ben Jessel | last post by:

I am in the process of converting my site to using XHTML and CSS. A lot of my sites include tables of data, which are highlighted using javascript rollovers. I have converted my a lot of my single tabled content into unordered lists and then used something like ..html <ul class="aaaa"><li>blah</li></ul>

HTML / CSS

6022

first-letter versus hover

by: Alan J. Flavell | last post by:

OK, today's email brought a comment from a reader, pointing out something that I'd long since noticed myself but hadn't done anything about it. On my pages, I've got a first-letter style on paragraphs. So far, so good: some of the paragraphs begin with a link, and there are styles in the stylesheet for link, hover etc. The first letter is still displayed as styled for the paragraph's first-letter.

HTML / CSS

5436

CSS Hover Problem in IE

by: fehays | last post by:

Hello, I'm having a problem with the css hover effect in IE. I have an <a> tag with the following CSS: a.subNavItem { display:block; color:#464645; padding:2px 7px 4px 6px; font-family:verdana,arial,helvetica,sans-serif;

HTML / CSS

27485

css-only image popup when hover image link: is it possible?

by: fredo | last post by:

I've studied Eric Meyer's pure css popups, version two: http://meyerweb.com/eric/css/edge/popups/demo2.html which pops up an image when I roll over a text link. Now I want to pop up a large image when I roll over a thumbnail. I've tried some things, but can't make it work. See here (Warning: adult matter):

HTML / CSS

17272

Image Links and Hover not working on IE

by: Cate Archer | last post by:

I want to have a border around an image that changes color when the mouse hovers over it. The following code works perfectly in FireFox but not in Internet Exploiter. The text link changes color but the image link stays the same. Anybody know how I can make it work in IE? I saw a web site where the guy got it to work in both browsers. <html> <head> <title>TEST</title>

HTML / CSS

6545

Display image with hover

by: Haines Brown | last post by:

I want a hot text string to display an image only when hovered. In the body: .... <a id="link-a" href="#nogo"> <img id="photo" src="..." />hot text </a> ....

HTML / CSS

2372

hover layout

by: darkzone | last post by:

Hi I saw this layout and wanted to try some thing similar, but I am unable to change the position of the vertical menu with out changing the position of the hole document and I don't really have a clue of how the css works in this one. Can any one help out?= link <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head>...

HTML / CSS

1422

Problem with Columns using HTML and CSS

by: fatgoth | last post by:

I am rather new to CSS and have created a CSS two column layout that works fine in IE but Firefox very kindly places the 'column' div right below the first 'main' div instead of beside each other. Here is the code of the html page: <body> <div id="main_block"> <div id="banner"></div> <div id="menu_top"> <ul id="menu_list_top"> <li>  <script language=javascript>dispDate(0)</script>

HTML / CSS

8379

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

8294

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

8816

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

8596

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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

7309

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

5627

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

2719

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

1924

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

1597

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