W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2002

unfathomable CSS problem for you

From: Scarlett Julian (ED) <Julian.Scarlett@sheffield.gov.uk>
Date: Wed, 27 Feb 2002 08:47:13 -0000
Message-ID: <F9BE3B1AB649D311A573009027852E4D01E346FD@EDUC_MXS>
To: "'thelist@lists.evolt.org'" <thelist@lists.evolt.org>, "'w3c-wai-ig@w3.org'" <w3c-wai-ig@w3.org>, "'highfivebabble@yahoogroups.com'" <highfivebabble@yahoogroups.com>
Hi all
apologies for cross posting if any of you are on more than one of these
lists.

This problem is beginning to bug me and I can't work out how to fix it. 

URI - http://www.sheffield.gov.uk/services/education/ict/default.htm

Problems:
IE5pc  - the navigation menu jumps downwards when the cursor is placed over
the 3rd button down. 
IE5Mac - the buttons cannot be seen at all but the link is there because the
cursor changes to a pointer (hand)

Other browsers tested - IE5.5pc, Opera6, NS6.2, IE5.5MacOSX all seem ok.
IE4pc doesn't pick up the button class but at least shows the links.

The style for the buttons is this:

a.myButton {
color: #003;
font-family: arial, verdana, "sans serif";
font-size: x-small;
font-weight: normal;
text-decoration: underline;
border: 1px #003 solid;
width: 90%;
text-align: center;
padding: 5px;
position: relative;
background: #eee;
float: left;
}

a:hover.myButton {
color: yellow;
text-decoration: none;
background: #369
}

and the buttons are contained in a div that is styled thus: 

.navmenu {
 background-color: transparent;
 border: none; 
width: 15%; 
padding: 0.5em; 
text-align: center; 
margin-top: 1%; 
float: left; 
overflow: inherit
}

Research so far shows that if I make the width of myButton a fixed px width
then the jumping thing stops but I can't work out why and I don't want to
use fixed sizes anyway.. Unfortunatley I do not have the 'aberrant' browsers
installed on my localmachine so testing is somewhat hampered as I don't like
making changes to live sites if I can help it ;-)

Does anyone have any idea why this is happening? It's driving me insane(r).

tia

Julian Scarlett
Web Design & Document Management System Officer
PPU
Education Directorate 
Sheffield City Council
0114 2735721
mob 07904914976
julian.scarlett@sheffield.gov.uk 

The information in this email is confidential. The contents may not be disclosed or used by anyone other than the addressee.  If you are not the addressee, please tell us by using the reply facility in your email software as soon as possible. Sheffield City Council cannot accept any responsibility for the accuracy or completeness of this message as it has been transmitted over a public network.  If you suspect that the message may have been intercepted or amended please tell us as soon as possible.
Received on Wednesday, 27 February 2002 03:47:55 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:00 GMT