Results 1 to 2 of 2

Thread: Horizontal Menu Problem

  1. #1
    Join Date
    Jul 2006
    Location
    Scotland
    Posts
    14

    Horizontal Menu Problem

    Hi,

    Can anyone spare some time to take a look at http://www.varitek.co.uk/problem/

    Check it out in both Firefox and Internet explorer and you will see the problem.

    I remember coming across this issue a long while back but can't remember how I solved it.

    If anyone can resolve this I will be most grateful.

    Thanks.

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    In my IE7 the menu buttons are in line with the nav bar but in Firefox they are just below.

    Since the menu buttons are in the ul tags, I put in an extra style:-
    #nav ul {margin-top:0px;}

    I expected to have to put in a negative margin-top to raise them up, assuming that they were already at 0 margin-top, but that wasn't the case; they moved into the nav bar with 0 margin-top. They still stay in the nav bar in IE7 so for some reason FF must have been applying a margin-top while IE7 did not.

    If IE7 buttons had moved out of position while FF buttons moved into position then a conditional comment for IE7 would have been required to reverse IE7 but on my PC it isn't necessary.

    .
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Nested Horizontal Menu
    By jeffreymerrell in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 27 Apr 2006, 03:12 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •