Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 20th, 2005, 11:45 PM
Tim
Guest
 
Posts: n/a
Default CSS Menu probs with IE

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


  #2  
Old July 20th, 2005, 11:46 PM
Stefan Mahlitz
Guest
 
Posts: n/a
Default Re: CSS Menu probs with IE

Tim wrote:
[color=blue]
> 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.[/color]

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
  #3  
Old July 20th, 2005, 11:46 PM
Tim
Guest
 
Posts: n/a
Default Re: CSS Menu probs with IE


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


  #4  
Old July 20th, 2005, 11:46 PM
Tim
Guest
 
Posts: n/a
Default Re: CSS Menu probs with IE



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


 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles