Page 1 of 1
Transition from table-based layouts to tableless
Posted: Tue Oct 06, 2009 10:02 pm
by Mirge
Sorry if this has already been mentioned.. I couldn't find anything on the boards immediately. Can anybody recommend a site or book that demonstrates the transition from table-based layouts to CSS? Something that stresses cross-browser compatibility preferably

.
Re: Transition from table-based layouts to tableless
Posted: Wed Oct 07, 2009 11:11 am
by wiseguy12851
A good site that teaches CSS among many other web languages is W3 Schools, however there's really not a specific book or site that teaches the transition from tables. CSS is very different from tables and you'll quickly learn that new technology like new CSS versions you are better off not knowing at all. You will be amazed at how many people use Internet Explorer 5, I know at least 50 or 60 people personally that use IE5.
Internet Explorer 5 makes CSS look like crap, everything is off or doesn't appear right, don't even think about positioning, a majority of people use computers because they make typing easier with spell check, the thought of updating or making any changes gives them a cold shiver, I know because people hire me to fix their computers most of the time to do updates. Therefore they don't ever plan to change Operating Systems or change IE versions.
check out the website I have which uses extraordinary CSS tactics
http://www.expressfixit.net - You'll notice that it looks very different in IE than other browsers because I gave up spending hours a day trying to fix CSS issues. Open it up in any Internet Explorer browser with this link that makes it appear with all CSS enabled,
http://www.expressfixit.net?content=pack and you'll see that it still has issues in IE7 or 8.
I say just stick with tables because the CSS codes that are fully cross browser compatible are very little, then you have resolution issues and mobile device issues.
Re: Transition from table-based layouts to tableless
Posted: Wed Oct 07, 2009 11:27 am
by Mirge
wiseguy12851 wrote:A good site that teaches CSS among many other web languages is W3 Schools, however there's really not a specific book or site that teaches the transition from tables. CSS is very different from tables and you'll quickly learn that new technology like new CSS versions you are better off not knowing at all. You will be amazed at how many people use Internet Explorer 5, I know at least 50 or 60 people personally that use IE5.
Internet Explorer 5 makes CSS look like crap, everything is off or doesn't appear right, don't even think about positioning, a majority of people use computers because they make typing easier with spell check, the thought of updating or making any changes gives them a cold shiver, I know because people hire me to fix their computers most of the time to do updates. Therefore they don't ever plan to change Operating Systems or change IE versions.
check out the website I have which uses extraordinary CSS tactics
http://www.expressfixit.net - You'll notice that it looks very different in IE than other browsers because I gave up spending hours a day trying to fix CSS issues. Open it up in any Internet Explorer browser with this link that makes it appear with all CSS enabled,
http://www.expressfixit.net?content=pack and you'll see that it still has issues in IE7 or 8.
I say just stick with tables because the CSS codes that are fully cross browser compatible are very little, then you have resolution issues and mobile device issues.
Well, I'm not new to CSS or web design in general... it's just that I "grew up" on table-based layouts, and I still actually use them now because I can deliver consistent results across all major browsers by combining table-based layouts with CSS styling.
I've played with using fixed, liquid, etc layouts using DIVs & CSS before, but find it too damn difficult to get the results I want across all browsers, so I was hoping to find some resources that'd explain the quirks a bit better... or explain to me how I should be doing it if I wanted a tableless layout.
Looked at your site that you posted, I honestly couldn't force myself to stay there very long simply because it's far too hard to read anything on it. I don't mean to be offensive, it's just difficult to use.
Re: Transition from table-based layouts to tableless
Posted: Wed Oct 07, 2009 12:11 pm
by wiseguy12851
at the W3 Schools site they have an excellent explanation of CSS tutorial and in each tutorial they explain Internet Explorer issues and how to get around. They additionally have a grouped and non-grouped reference of all CSS commands each with it's own page with complete documentation and explanations of compatibility issues and work arounds if any as well as what browsers it does and does not work in.
http://www.w3schools.com
by the way what do you mean my site was hard to read, I've never had anyone bring that up, is it the colors, the transparency?
Re: Transition from table-based layouts to tableless
Posted: Wed Oct 07, 2009 12:18 pm
by Mirge
Ok, I guess I'll check them out then thanks.
The colors + transparency = hard to read
