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

CSS Menu probs with IE

Tim
I have a menu, part of which I've recreated here:
http://www.btinternet.com/~kingsway5/test.html

It works perfectly well in Firefox 0.8 and Netscape, and initially displays
fine in IE, but when you go over the links with the mouse, IE aligns the
lower items ('A Level' to 'Reasons...') to the left edge of the page, and
removes the spacing at the top above 'home'.

Can anyone help? Thanks in advance.

--
Tim Johns
Worcestershire, UK
Jul 20 '05 #1
3 2470
Tim wrote:
I have a menu, part of which I've recreated here:
http://www.btinternet.com/~kingsway5/test.html

It works perfectly well in Firefox 0.8 and Netscape, and initially displays
fine in IE, but when you go over the links with the mouse, IE aligns the
lower items ('A Level' to 'Reasons...') to the left edge of the page, and
removes the spacing at the top above 'home'.

Can anyone help? Thanks in advance.


I'm not experienced in writing CSS (but had a similar problem today as
well) so the others should comment on my solution.

My problem was, that Mozilla displayed a float:left div with an
unordered list at a certain distance to surrounding div element, where
both Opera and IE attached it to the top.

I read lots of threads in this newsgroup, did some google searching and
experimented the whole day - finally/hopefully I got it solved.

I put an explicit margin-top: 1.5ex; in my definition for the ul element.

I guess that (current) Gecko based browser have a different default
margin-top for ul elements than Opera and IE.

Please correct me if I'm wrong.

Well, if someone wants to comment on my site I'd really appreciate it -
but be warned, most is german stuff (or things I did 5 years ago).

Have a good night (or whatever time of day is appropriate for your
timezone).

--
http://www.mahlitz-net.de
Jul 20 '05 #2
Tim

Stefan Mahlitz wrote:
|| Tim wrote:
||
||| I have a menu, part of which I've recreated here:
||| http://www.btinternet.com/~kingsway5/test.html
|||
||| It works perfectly well in Firefox 0.8 and Netscape, and initially
||| displays fine in IE, but when you go over the links with the mouse,
||| IE aligns the lower items ('A Level' to 'Reasons...') to the left
||| edge of the page, and removes the spacing at the top above 'home'.
|||
||| Can anyone help? Thanks in advance.
||
|| I'm not experienced in writing CSS (but had a similar problem today
|| as well) so the others should comment on my solution.
||
|| My problem was, that Mozilla displayed a float:left div with an
|| unordered list at a certain distance to surrounding div element,
|| where both Opera and IE attached it to the top.
||
|| I read lots of threads in this newsgroup, did some google searching
|| and experimented the whole day - finally/hopefully I got it solved.
||
|| I put an explicit margin-top: 1.5ex; in my definition for the ul
|| element.
||
|| I guess that (current) Gecko based browser have a different default
|| margin-top for ul elements than Opera and IE.
||
|| Please correct me if I'm wrong.
||
|| Well, if someone wants to comment on my site I'd really appreciate
|| it - but be warned, most is german stuff (or things I did 5 years
|| ago).
||
|| Have a good night (or whatever time of day is appropriate for your
|| timezone).
||
|| --
|| http://www.mahlitz-net.de

I've spent ages trying to find a solution, including specifying margins, but
it doesn't work. If the text is aligned centre then it's okay and IE behaves
itself. It wasn't what I wanted, but will suffice for the time being.

--
Tim Johns
Worcestershire, UK
Jul 20 '05 #3
Tim


Tim wrote:
|| Stefan Mahlitz wrote:
|||| Tim wrote:
||||
||||| I have a menu, part of which I've recreated here:
||||| http://www.btinternet.com/~kingsway5/test.html
|||||
||||| It works perfectly well in Firefox 0.8 and Netscape, and initially
||||| displays fine in IE, but when you go over the links with the
||||| mouse, IE aligns the lower items ('A Level' to 'Reasons...') to
||||| the left edge of the page, and removes the spacing at the top
||||| above 'home'.
|||||
||||| Can anyone help? Thanks in advance.
||||
|||| I'm not experienced in writing CSS (but had a similar problem today
|||| as well) so the others should comment on my solution.
||||
|||| My problem was, that Mozilla displayed a float:left div with an
|||| unordered list at a certain distance to surrounding div element,
|||| where both Opera and IE attached it to the top.
||||
|||| I read lots of threads in this newsgroup, did some google searching
|||| and experimented the whole day - finally/hopefully I got it solved.
||||
|||| I put an explicit margin-top: 1.5ex; in my definition for the ul
|||| element.
||||
|||| I guess that (current) Gecko based browser have a different default
|||| margin-top for ul elements than Opera and IE.
||||
|||| Please correct me if I'm wrong.
||||
|||| Well, if someone wants to comment on my site I'd really appreciate
|||| it - but be warned, most is german stuff (or things I did 5 years
|||| ago).
||||
|||| Have a good night (or whatever time of day is appropriate for your
|||| timezone).
||||
|||| --
|||| http://www.mahlitz-net.de
||
|| I've spent ages trying to find a solution, including specifying
|| margins, but it doesn't work. If the text is aligned centre then
|| it's okay and IE behaves itself. It wasn't what I wanted, but will
|| suffice for the time being.
||
|| --
|| Tim Johns
|| Worcestershire, UK
Finally managed to solve the problem! Had to specify width of <ul> as 100%
--
Tim Johns
Worcestershire, UK
Jul 20 '05 #4

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

Similar topics

1
by: Arijit Chatterjee | last post by:
Hi Everybody, I am facing another probs. I have created a trigger for table Tab1 for perticular column col1 for checking value ranges.But at time for using insert statement it is working fine but...
0
by: Tim | last post by:
*This is a repeat posting of an earlier message as it hasn't appeared on my news server and I've left it 24 hours - apologies if you already have a copy of the message* I have a menu, part of...
0
by: Pavs | last post by:
I have inherited a ms access database that i am meant to alter and make some changes to. The database was original i believe created in Access 2000 while now i am using Access 2002 and my OS is...
2
by: andrewcw | last post by:
Seems it should be simple. I had problems with a larger class and the newsgroup suggested something I also tried. So I pruned my class to see if I could find out what could be wrong, Still dont...
8
by: Steve | last post by:
Hi all, I had a strange crash this morning with an app I've been working on. I just clicked the main menu bar and got an OutOfMemory exception, with a message of something like "unable to get...
7
by: polecat | last post by:
Im new to .NET and I am having probs with this Every time I reload the form the same data is repeated again.... Done reading on msdn and another forum cant figure out why the...
0
by: Dave Rado | last post by:
I've fixed it. I don't understand why this works but it does. In the main menu.css, I've added: * html .qmmc {line-height: 85%; margin-top: 2px; margin-bottom: -2px} and an IE5.5-specific...
0
by: bkpatel | last post by:
get Join the PHP community and share ur probs - soln <table border=0 style="background-color: #fff; padding: 5px;" cellspacing=0> <tr><td> <img...
2
by: brettokumar | last post by:
hai im storing value in cookies. if my 2nd value or 3rd value is stored means my previous cookies are expired my current cookies only stored others cookies values will be null how to i solve...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
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...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
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...
0
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...
0
marktang
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,...
0
Oralloy
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,...
0
jinu1996
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...

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.