Results 1 to 16 of 16
  1. #1
    Join Date
    Dec 2000
    Posts
    502

    Tableless pages using CSS

    I recently created a new website which has tableless pages and depends mostly on CSS.

    There are some problems in IE 6.0 and 6.5. Any idea what percentage of web surfers still use these old browsers? My clients are not web savvy.

    I have used JS browser dection to determine the version of browser and work off of two CSS sheets. The sheet for the old browsers will need some work. Am I wasting my time? Should I go with pages that use tables?

  2. #2
    Join Date
    Sep 2004
    Location
    Flint, Michigan
    Posts
    5,765
    Well its a bit hard to get accurate statistics as depending on the site the numbers will change. If you have analytics information about your site from something like http://analytics.google.com/ you should be able to see. If not you can look at: http://www.w3schools.com/browsers/browsers_stats.asp. For July 2009 IE6 had 14.6%.

    That said I have run into issues with IE6 quite often but most can be fixed with just a few tweaks. If you post the site maybe you can get some tricks here to help you fix it up.
    Mike from Zoodia.com
    Professional web design and development services.
    In need of a fresh hosting design? See what premade designs we have in stock!
    Web design tips, tricks, and more at MichaelPruitt.com

  3. #3
    Join Date
    Dec 2000
    Posts
    502
    Well those stats are interesting. I am glad Firefox is doing so well. I am surprized IE 7 has gone down so much. I realize part of it must be due to IE8 coming up. Thanks for the link.

  4. #4
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    Quote Originally Posted by Ron View Post
    I recently created a new website which has tableless pages and depends mostly on CSS.

    There are some problems in IE 6.0 and 6.5. Any idea what percentage of web surfers still use these old browsers? My clients are not web savvy.

    I have used JS browser dection to determine the version of browser and work off of two CSS sheets. The sheet for the old browsers will need some work. Am I wasting my time? Should I go with pages that use tables?
    Why use JS when you can simply use Conditional Comments to serve up the tweaked CSS to IE 6 and 5.5, and it is standards compliant and ignored by other browsers? It is better than using JS
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  5. #5
    Quote Originally Posted by larwilliams View Post
    Why use JS when you can simply use Conditional Comments to serve up the tweaked CSS to IE 6 and 5.5, and it is standards compliant and ignored by other browsers? It is better than using JS
    i agree with that answer use that technique its much better and easier and i thin soon IE 6 will be gone away and my users use firefox and IE8 much more than any other so i mainly design for those tow and tweak some code to work with IE6 using Conditional Comments

  6. #6
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    Quote Originally Posted by kootta View Post
    i agree with that answer use that technique its much better and easier and i thin soon IE 6 will be gone away and my users use firefox and IE8 much more than any other so i mainly design for those tow and tweak some code to work with IE6 using Conditional Comments
    Unfortunately, IE6 is not going away any time soon. You can thank MS for this because most of the IE6 installs are on older versions of Windows that are still in use by people (W2k/98, mostly corporate desktops it seems).
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  7. #7
    Quote Originally Posted by dollar View Post
    Well its a bit hard to get accurate statistics as depending on the site the numbers will change. If you have analytics information about your site from something like http://analytics.google.com/ you should be able to see. If not you can look at: http://www.w3schools.com/browsers/browsers_stats.asp. For July 2009 IE6 had 14.6%.

    That said I have run into issues with IE6 quite often but most can be fixed with just a few tweaks. If you post the site maybe you can get some tricks here to help you fix it up.
    Nice find, those stats are quite intresting actrally ^_^

  8. #8
    Join Date
    Jun 2009
    Location
    UK: Oxford
    Posts
    1,256
    Have your tried making a 2nd CSS with a script that will work in IE 6 & 6.5? Like an auto config script, you can nab 1 off the internet for free or for a few pounds/dollas.
    Garbott Ltd - Professional web development & consultancy services
    Oxford.Hosting - Prestigious shared, cloud, dedicated and gaming hosting solutions.

  9. #9
    Join Date
    Aug 2002
    Location
    United Kingdom
    Posts
    290
    You can add the entire CSS into one config, even for different browsers.
    DesignBear.com
    View Portfolio

    A trusted WHT member for over 7 years!

  10. #10
    Quote Originally Posted by larwilliams View Post
    Unfortunately, IE6 is not going away any time soon. You can thank MS for this because most of the IE6 installs are on older versions of Windows that are still in use by people (W2k/98, mostly corporate desktops it seems).
    yeah ur right and i hope it go away as soon as possible it make me overwhelmed when i start to design a new site

  11. #11
    Join Date
    Jan 2008
    Location
    St. John's, NL
    Posts
    2,114
    Quote Originally Posted by kootta View Post
    yeah ur right and i hope it go away as soon as possible it make me overwhelmed when i start to design a new site
    You find it overwhelming? I find it easy now. It's the same 4-5 bugs you deal with all the time (margin issues, padding issues, box model issues).
    Cpanel/WHM PHP Perl Ruby Full Time Support
    LCWSoft - Canada web hosting (based in Newfoundland) since 2007
    Servers based in the US and Canada (Uptime Report)

  12. #12
    Join Date
    Aug 2002
    Location
    United Kingdom
    Posts
    290
    Quote Originally Posted by larwilliams View Post
    You find it overwhelming? I find it easy now. It's the same 4-5 bugs you deal with all the time (margin issues, padding issues, box model issues).
    Couldn't agree more. A lot of designers freak out and don't realise that a lot of the compatibility fixes they do are really just the same thing. A lot of design sites actually have guides showing what the usual problems are in IE6's CSS rendering and how to fix them.
    DesignBear.com
    View Portfolio

    A trusted WHT member for over 7 years!

  13. #13
    Join Date
    Aug 2008
    Location
    Vancouver, Canada
    Posts
    650
    For IE issues I use this code to grab a different stylesheet just for IE. Works very well:
    Code:
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie-style.css" />
    <![endif]-->
    Tailored VPS offers fully customizable VPS Hosting
    Powered by OpenVZ | Servers located in the USA | 99.9% Uptime

  14. #14
    Join Date
    Sep 2004
    Location
    Flint, Michigan
    Posts
    5,765
    Quote Originally Posted by AHN-Jay View Post
    For IE issues I use this code to grab a different stylesheet just for IE. Works very well:
    Code:
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie-style.css" />
    <![endif]-->
    Just be aware that that conditional will apply to all versions of IE. For version specific conditionals please see:

    http://www.quirksmode.org/css/condcom.html

    In addition if you link to your IE css file after your standard file you can simply override anything previous set. i.e.

    Code:
    <link href="style.css" rel="stylesheet" type="text/css" />
    style.css
    Code:
    body {
         padding: 10px;
         color: #FFAA00;
    }
    Code:
    <!--[if IE 6]>
    <link href="ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    ie6.css
    Code:
    body {
         padding: 20px;
    }
    The above would give 10 pixels of padding on the body for every browser but IE6 (which would have 20) but either browser would display orange text.
    Mike from Zoodia.com
    Professional web design and development services.
    In need of a fresh hosting design? See what premade designs we have in stock!
    Web design tips, tricks, and more at MichaelPruitt.com

  15. #15
    Join Date
    Aug 2009
    Location
    Albury, Australia
    Posts
    7
    The company i work for recently decided to stop supporting IE6 or lower as standard. If the client specifically asks for it to be supported we do for a fee. And so far its worked out quite well. We setup a page for IE6 users that tells then there browser is no longer supported and instructions how to upgrade. And with major websites like youtube facebook & myspace starting to un-support IE6 users people are starting to upgrade more quickly.

  16. #16
    For this if you want to check the sites in older versions, then according to browsers you will have to write the code in css or by using javascript or php code in index file it will surely help and regarding the images of it according to browsers you will have to design its exact width and height and do mention the exact width and height as well as name in the css file and attach that css file in your main file.

    Note :- Please keep the backup of the site before you work. If things are missing you can get it from your backup files.

Similar Threads

  1. Replies: 1
    Last Post: 01-28-2009, 01:05 PM
  2. Replies: 5
    Last Post: 01-18-2009, 10:00 PM
  3. [4design.tv] 5 pages hosting template: tableless.
    By marengo in forum Design Offers
    Replies: 6
    Last Post: 02-14-2008, 03:22 AM
  4. Replies: 5
    Last Post: 09-17-2007, 07:33 AM

Posting Permissions

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