By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,198 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

CSS Menu probs with IE

P: n/a
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
Share this Question
Share on Google+
3 Replies


P: n/a
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

P: n/a
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

P: n/a
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 discussion thread is closed

Replies have been disabled for this discussion.