SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Guru
    Join Date
    Feb 2009
    Posts
    994
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Faling miserable on IE 7 and 8

    Please have a look on a following on a good browser, and then, a look on IE7 and IE8

    Regarding the IE7 and IE8 issues:

    Are this float related issues ?

    Is this due to the fact that I'm not specifying a width with the floated elements ?

    http://help.nuvemk.com/floatedFluidL...dex_solved.php


    Thanks,
    mem

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,588
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    The page looks much the same in Firefox and IE8 to me (basically broken), except that the headings are much bigger in IE8. How is the page meant to look?

  3. #3
    Non-Member
    Join Date
    Apr 2011
    Location
    no fixed address
    Posts
    851
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think your issues are related to having a HTML5 doctype and using HTML5 specific html elements in your markup and css.

    I assume you are aware that HTML5/CSS3 are still in development and most probably won't be officially released by the W3C for at least a few years yet. Also, the final "official" W3C HTML5 recommendations will probably, at least in parts, be different to what they are today.

    Consequently, HTML5/CSS3 support varies greatly among the major browsers and most, if not all, older versions of browsers will not support HTML5/CSS3 at all.

    Bottom line: using HTML5/CSS3 for commercial websites is currently done at your own risk.

  4. #4
    SitePoint Guru
    Join Date
    Feb 2009
    Posts
    994
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry.
    The page isn't that messy. I mean, I have not yet applied the styles to all elements that's why it looks like that.

    The issue is on the following element:
    nav

    Located here:
    #top nav

    If you look in good browsers you will see that element is floated right;
    If you look in bad browsers, you will see that element is NOT floated right;

    All the rest of the page, is still under construction.


    Thanks

  5. #5
    Non-Member
    Join Date
    Apr 2011
    Location
    no fixed address
    Posts
    851
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by oikram View Post
    The issue is on the following element:
    nav

    Located here:
    #top nav
    and the cause of your issue is as described below:

    I think your issues are related to having a HTML5 doctype and using HTML5 specific html elements in your markup and css.

    I assume you are aware that HTML5/CSS3 are still in development and most probably won't be officially released by the W3C for at least a few years yet. Also, the final "official" W3C HTML5 recommendations will probably, at least in parts, be different to what they are today.

    Consequently, HTML5/CSS3 support varies greatly among the major browsers and most, if not all, older versions of browsers will not support HTML5/CSS3 at all.

    Bottom line: using HTML5/CSS3 for commercial websites is currently done at your own risk.
    Using html5/css3 atm is a bit like moving into a partially completed house and wondering why all the lights don't work since only half the wiring has been installed

  6. #6
    SitePoint Guru
    Join Date
    Feb 2009
    Posts
    994
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Indeed I forgot the .js script for making bad browsers behave. Thanks.

    Still, immo I believe it's worth reading:
    http://diveintohtml5.info/

    Regards,
    m.

  7. #7
    Non-Member
    Join Date
    Apr 2011
    Location
    no fixed address
    Posts
    851
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    But you'll still have issues with user agents where javascript is disabled for whatever reason.


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
  •