Page 1 of 4 1234 LastLast
Results 1 to 10 of 32

Thread: Flyout submenus appear below page elements HTML5

  1. #1
    Senior Member
    Join Date
    Sep 2010
    Posts
    144

    Default Flyout submenus appear below page elements HTML5

    This has been discussed elsewhere but not using NOF13 and HTML5.
    I've uploaded the bad page to http://www.solarlightcap.com/test/index.html
    You will see the submenus appear below other elements - an image or a layout region containing wowslider
    It was okay using NOF13 before I changed to HTML5. I've fiddled with the z-index value of various elements without success.
    A real mystery I hope someone can solve.

    As a small aside using http://validator.w3.org/, it observes that my charset is generated wrong even though I changed it to UTF-8 as one should for HTML5
    It says Warning Line 5, Column 27: Using windows-1252 instead of the declared encoding iso-8859-1.
    <meta charset="ISO-8859-1">

  2. #2
    Senior Member
    Join Date
    Sep 2010
    Posts
    144

    Default

    So you can see from the link above and the usual home page at www.solarlightcap.com/index.html that under html5 the drop down menus appear behind other page elements, and under html4.01 they are okay.
    Has anyone got any ideas how to solve this before I contact NOF direct?

  3. #3
    Senior Member franko's Avatar
    Join Date
    Apr 2010
    Location
    Tasmania Australia
    Posts
    2,613

    Default

    I'd have thought it was a z-index thing also. A couple of other things to try. Switch publishing method to HTML 5 Dynamic (equivalent to the old 4.01 with tables). Second try enabling "Use quirks mode doctype" in HTML Options. If it's already enable, try disabling it.

  4. #4
    Senior Member
    Join Date
    Sep 2010
    Posts
    144

    Default

    Okay thanks franko - using Dynamic solves the menu problem, but the page is no longer centered. Trying quirks mode next

  5. #5
    Senior Member
    Join Date
    Sep 2010
    Posts
    144

    Default

    BTW Its still generating the wrong charset type.
    Click image for larger version. 

Name:	nof-UTF-8.jpg 
Views:	153 
Size:	31.4 KB 
ID:	1899
    <!DOCTYPE html>
    <html>
    <head>
    <title>2C Solar Light Cap - self charging headlamp | brilliant emergency essentials | solar camping lights | independence from batteries,</title>
    <meta charset="ISO-8859-1">

  6. #6
    Senior Member
    Join Date
    Sep 2010
    Posts
    144

    Default

    I tried using the keyword <center> at the start of BODY, which centered only the content of the page, not the master border. looking at the source indicates the nof-positioning class is getting messed up.
    This problem does not exist on any other pages, so it is really starting to frustrate me - home page being the most important !
    Last edited by SolarLightCap; 10-31-2014 at 03:19 AM.

  7. #7
    Senior Member gotFusion's Avatar
    Join Date
    Jan 2010
    Location
    www.gotHosting.biz
    Posts
    4,526

    Default

    Remove the page specific center and try wrapping things with a <div>

    http://www.gotfusion.com/tutorials/tut.cfm?itemID=4044
    NetObjects Fusion Cloud Linux enabled Web Hosting, support + training starts at $14.95
    NetObjects Fusion web Hosting and support + ASP + PHP + ColdFusion + MySQL + MS SQL
    FREE NetObjects Fusion Support & training comes with all web hosting accounts
    NetObjects Fusion Web Hosting: http://www.gotHosting.biz

  8. #8
    Senior Member franko's Avatar
    Join Date
    Apr 2010
    Location
    Tasmania Australia
    Posts
    2,613

    Default

    And you can choose the character set in Site Options. Select Unicode UTF-8

  9. #9
    Senior Member
    Join Date
    Sep 2010
    Posts
    144

    Default

    @gotFusion - yes I tried that. It only centers the body contents and not the masterborder. You can see the result now http://www.solarlightcap.com/test/index.html
    @franko - thanks but the weird thing is I have set UTF-8 - you can see in the screen snap above, but the code gets generated with "ISO-8859-1". Other pages in my website do not have this problem - just the home page.
    Last edited by SolarLightCap; 11-01-2014 at 09:41 PM.

  10. #10
    Senior Member gotFusion's Avatar
    Join Date
    Jan 2010
    Location
    www.gotHosting.biz
    Posts
    4,526

    Default

    You have 2 (two) center divs on that page

    <div class="nof-centerContent"><div align="center">

    If you want to use the center div you need to use html 4.x doctype not html 5 as align=center is no longer supported in html 5
    Last edited by gotFusion; 11-01-2014 at 10:58 PM.
    NetObjects Fusion Cloud Linux enabled Web Hosting, support + training starts at $14.95
    NetObjects Fusion web Hosting and support + ASP + PHP + ColdFusion + MySQL + MS SQL
    FREE NetObjects Fusion Support & training comes with all web hosting accounts
    NetObjects Fusion Web Hosting: http://www.gotHosting.biz

Posting Permissions

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