Results 1 to 5 of 5

Thread: glossy accordion problem with IE8

  1. #1
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default glossy accordion problem with IE8

    http://www.dynamicdrive.com/dynamici...enu-glossy.htm
    Hi,
    Please forgive me if I'm doing this wrong but I'm new here.
    My problem is with glossy accordion not displaying correctly in IE8, it's fine in FF & Chrome but all over the place in IE8. I have the index page up at www.philswebites.com if someone could have a look and point out any mistakes I've made I'd appreciate it.

    Thanks

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Right now there are two doctypes and two <head> tags. You need only one of each and fixing that is a good place to start. Let us know when that is fixed and we'll see if there are other errors.

  3. #3
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks azoomer, have removed extra doctypes and <head> tag. No change to menu in IE8

  4. #4
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Hi pdoig,
    I have tried to clean up your page a bit. There where/are many problems with duplicate tags. Basically a page should follow a structure like this
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> A nice title</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    </body>
    </html
    You would normally put all the css and the javascript in the head section between <head> and </head>
    and the content goes between the <body> and </body>
    It is only allowed with one opening and one closing tag of the following:<html></html>,<head></head>, <body></body>, if you understand what I mean.
    It is too time consuming for me to make the page validate, so you can try yourself pasting the url into the validator that you link to at the bottom of the page, and then correct the errors one by one.
    I played around with it a little to try to correct the most obvious errors and in the attachment you can see what I have now.

    I'm not sure if this will be useful to your because the page may render completely different now that i have changed a lot, but you can look at the changes in structure to get an idea. Save it as an html file beside your original page and try it out, but call it something else so you don't delete the original.
    I think the menu should be working in IE now. There is quite a lot work left if you want it to be correct and validate, so good luck and make a new post if you have questions.

  5. #5
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for your efforts azoomer, hopefully I can fix it now.

Bookmarks

Posting Permissions

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