Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

Browser Specific Problems: IE is not good for the head

Bottom of Page

1 to 3 of 3

  1.  
  1.  permalink
    Hi all,

    Ive put together this monster of a site (i know it looks simple but trust me its got a huge backend) i developed it in FF along with my programmer and it all looks fine and dandy everythings working drop downs are showing - everything then boom fire it up in IE and the menu system is shot to piecies (as well as some css styling on tables in the online booking section) footer has come unstuck and well have a look: www.asyouproof.com/vp/index.html - thats page one - its footer i can live with but loads of little squrilly thing has pushed out.

    If you follow the link for micheldean on the left menu it will take you to the main site - FF everything fine - IE drop downs have gone .

    I'm using multiple style sheets for this one as they are all needed in different areas and i tried to keep it short.

    Can anyone suggest a fix for the menus?

    I have tried to load a different style sheet using the if command all help welcome and if it comes to it theres a job sorting out going - anyone?

    ps I hope this isn't infringing rules but i'm so stuck and you guys are the coolest css'ers around.

    Best Regards

    Douglas
  2.  permalink
    I haven't looked too closely at the CSS but the root of the problem is surely the invalid HTML.

    Extract:
    <ul>
    <ul>
    <li><a href="template.1.php?11&phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Home</a><!-- level WM BEGIN -->

    <ul><!-- level DD BEGIN -->
    <li><a href="page.php?30&phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Home</a></li><!-- level DD INNER -->
    <li><a href="page.php?16&phpMyAdmin=4594f30712f4fabaff6997416810f3f2">About Us</a></li><!-- level DD INNER -->
    </ul><!-- level DD END -->
    </li><!-- level WM END --> ..........

    The second level list must be contained within the first level lists' container tags<li>.

    Once that error is corrected you have a chance of getting cross browser compatibility. For the drop downs to work in IE6 and below you will need a little JavaScript for it to work. Here is a good tutorial on the subject. http://www.htmldog.com/articles/suckerfish/dropdowns
  3.  permalink
    Thanks for that,

    I'll get stuck in!

    OK I have tidyed up the routines that generate the menu and it is now much cleaner also had a look and reworked the css in FF but it is not displaying correctly, the menus are just out all the time - what have i missed... any idea what i have done wrong as this is my first attempt with suckerfish.

    Cheers

    Yay got it working !! only thing i need to do to the menu is style it and figure out why the right jump...


    Douglas

1 to 3 of 3

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page