CSS and Table combinations

demonhale's picture

He has: 3,278 posts

Joined: May 2005

CSS and Table combinations, is it ok???

I actually ponder this because before table was the mode of layout design for webmasters, complete with spacer gifs and the like, now the best mode for layout and may well be the standard is css... Now if a page employs tables for dividers, and css for its style, would it be helpful (yes i think) if you employ both??? more on css though coz the table functions only to keep the divs together...

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

I wouldn't have too much of a problem with it. Sometimes, the only way to make a specific design work is to use tables...

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I've had to use it in the past, though currently I try to avoid it whenever possible. Of course, you can always cheat and not have the actual table in the HTML, but have some of your code display as a table using CSS.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Yes, that's perfectly fine under HTML 4.01 and xhtml transitional. I would add that for someone in your position it might be easier for right now to do it that way while you work on improving your html skills.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Before I Transitioned to css, I didnt know I was using the same principle when I first started with html and javascript, I was using divs like an addict in positioning stuffs, but I wasnt using the seperate style sheet and wasnt aware that i was basically using css, then I went to this website were when i selected text i noticed it was divided like a grid, so i figured this would be a good idea which was for a long time was used by other webmasters, so i tried table layout, it was cool for a while until i discovered pure css is better.

Maybe as a natural evolution I tried to formulate code combinations that would help noobs like me figure out css a little better, thats when i figured to use table codes to wrap up divs in an html document, I was surprised to generate a clean layout which was cross-browser compatible as well as easy to insert text and other info too... I figure that not only is this effective but fast...

albeit I still like to use pure css...

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

I think using pure CSS tends to be a bit overrated. I use a LOT of it, but mostly for style/appearance, but positioning of elements I rely primarily on tables. Not because I don't know how to use CSS, certainly not, but I find with CSS/DIVs I spend a lot of time in the position: absolute/relative float:left/right etc, where with tables, I know where they are going to line up and how and in general I have found the code to be shorter. Though I use much more traditional layout methods, the 3 column method is a favorite of mine.

I guess the main thing people use it for is making their layouts more flexible and dynamic, but I have a custom made template switcher for my site, with 4 layouts showing the content in varying ways. True that the positioning is similar, but of course somethings content determines form.

http://www.notian.net/?theme=classic
http://www.notian.net/?theme=historic
http://www.notian.net/?theme=dotnet3
http://www.notian.net/?theme=dotnet5

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

True CSS layouts are not overrated, I was a rubbish designer before I started using XHTML/CSS, now I've achieved the heady heights of: "Not quite as rubbish."

As for your dilemma I can't understand why anyone would want to use a table for layout... Tables are for displaying data in a tabular format! Why learn something wrongly because it's easier? That makes no sense! Laughing out loud

Do it right, right first time. Just try not to run before you can walk, keep it simple and don't go beserk with advanced layouts etc.

a Padded Cell our articles site!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I think a lot of people tend to get bogged down by the learning process with CSS layouts. We all had to do the same thing with tables back in the day. Remember all the work arounds and the NN4 irregularities? Similar sort of thing, just moving towards a better way of doing it. Once you get used to working with CSS it's really not any different than using tables, and it does allow for more flexibility in layout (not to mention a more modern look!).

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

I've done solely CSS/div layouts, I'm just not a fan of the coding.

She has: 88 posts

Joined: Sep 2001

I would love to stop using tables, but I find that CSS positioning is so irregular and I frequently spend hours trying to place something (less than successfully) that would have taken 5 minutes to position with tables. I find it hard to convince myself to keep trying.

Roo's picture

She has: 840 posts

Joined: Apr 1999

Personally I find nothing wrong with tables and still use them along with CSS. You can position things inside table cells or even outside of the table itself with CSS, so you can use CSS 'layering' effects just fine with tables.

BTW...I've found that using a screen ruler helps take the guesswork out of positioning, I'm using the free JR Screen Ruler which displays horizontally on your screen.

I haven't found one yet that displays both X and Y...but I'd love to since it would be very handy.

Roo

She has: 88 posts

Joined: Sep 2001

Oh, Tina, don't you love that little program? I found it about six months ago and it's really helped take the guesswork out of positioning! As for vertical positioning, when the ruler is on top, scroll the wheel on your mouse--it does rotate. Also, if you don't have the scroll wheel, right click on the ruler to get a pop-up menu that will let you rotate, or use page-up, page-down. At least the paid version does...I don't know about the freeware version.

Roo's picture

She has: 840 posts

Joined: Apr 1999

Hey cool....I'll check out the paid version... but still I'd love to see a screen ruler that displays like the rulers in Photoshop both X & Y ya know?!

Roo

He has: 490 posts

Joined: May 2005

My son loves CSS, I am an old dog and I like tables and html (maybe with a little style thrown here and there).
It takes him two or three times as long to build a page as it does me. Also if you want: do a little research on the web you will find CSS has far more compatibility problems then does html 4.01 trans.

This was the reason for 4.01 transitional, but most people use it wrong. 4.01 is not meant to be used with full CSS. But to provide a cross platform to accommodate older browsers, thats why you get by with older codes on html 4.01 where strict will not let you. Also the use of DIV is not really correct on 4.01 because older versions of netscape don't see it. So if you are going to use full CSS, you need to go 4.0 strict or XHTML.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Nobody uses the old version of Netscape anymore, I really believe the days of old are long gone and we can all use CSS/XHTML in earnest. Personally CSS is quicker than tables, but that may be because the entire process is done with this in mind.

And are there more compatibility issues with HTML 4.01 Transitional Vs XHTML? Screen readers - for example - don't handle tables very well and it doesn't degrade as well as vanilla XHTML with a CSS layout

a Padded Cell our articles site!

Busy's picture

He has: 6,151 posts

Joined: May 2001

Roo, there is one called screen ruler (of all things), is horz or vert with a slide of a mouse, a bit like the tool options in PSP but a lot less trouble to postition. Also sits anywhere on your screen. I think I still have it on my old puter, I'll try dig up the file or homepage for you. (is/was freeware)

I wasn't going to comment on this thread, but can't help myself Laughing out loud (I did hold out a while).
I think one of the biggest things about CSS layouts is they are very boxy, apart from cssgardens and the rounded css tutorial I have never seen a un-boxed layout. Most layouts you can tell are CSS just by looking at them, as you can with frontpage layouts.
HTML was never used to it's full protential as most people used editors that limited it's use, now CSS is here there are no limits and people think it's a lot stronger. It is more advanced (it should be it's newer) but similar results can be achieved very easily with HTML.

Also the mention of NN4, I wonder why IE5 hasn't been mentioned or NN6 which can both be troublesome browsers.
Screen readers can perfer tabled layouts if the layouts are done properly (using summary, titles etc), postioning with CSS can have the source all over the place so the contents can still be read back to front or in wrong order - A very simple layout (CSS or tables) wouldn't be a problem, just complex layouts)

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Make your own template html and css, you may use css and table combinations... The advantage with css is that you can maintain uniformity with pages using a single CSS, your site also loads fast because all those extra codes for pics, colors and other custom settings you build is on a seperate file, which once loaded, next pages using same css loads in a click... Also when changing color schemes and the like (fonts, colors, bg), its faster to do it in css, you just edit the css and you wont have to mess around with your html file and everything is changed...

demonhale's picture

He has: 3,278 posts

Joined: May 2005

If you mean placing the Style Sheet at the header of your html... Its quite ok, only drawback is that you cant link to the stylesheet from a seperate html file... You could Copy and paste it though... Try it out and Read about it by searching... many Tutorials online had helped me, I forgot their links...

He has: 490 posts

Joined: May 2005

I personally have found no need for CSS. I use a little in my header to set BG color, type color, and style. And for my links, you can do such cute tricks with it. But in general I don't construct mega page sites, and change is only occasional. I was quite a while becoming truly proficient with html, and can't see the time required to learn something over again, that basically I can already do.

I agree with whoever said you can tell CSS at a glance, it is always boxy, and has that looks the same appearance. But when I first started using html, I only constructed straight line pages for quit a while. Which all look the same. So the answer to this is if you become truly proficient with CSS, maybe that looks alike style will eventually fade away. Or is it monkey see, monkey do, non imaginative page building that is responsible for this. Laughing out loud

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

steve40 wrote: I agree with whoever said you can tell CSS at a glance, it is always boxy, and has that looks the same appearance. But when I first started using html, I only constructed straight line pages for quit a while. Which all look the same. So the answer to this is if you become truly proficient with CSS, maybe that looks alike style will eventually fade away. Or is it monkey see, monkey do, non imaginative page building that is responsible for this. Laughing out loud

Tables are boxy too though. There's no difference. People have just learned to hack around the table structure by chopping up images to make it look less boxy than it is. Does that mean it's a better way to go? Not necessarily.

About CSS sites all looking the same - it's more of a design trend that's been spurred by the use of stylesheets IMO. (Alright, I'm offended because my site does look like that Wink ) But really, tabled sites often look the same too. Sites of certain genres look the same. News sites look the same, sports sites look the same. It's just trends. And sometimes trends become popular for a reason - because they work. Nevertheless, CSS designs are more likely to look current and modern than tabled designs.

And so what if designers aren't widly creative? That's not what design is about - it's about making something that works. Designers are not artists.

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Megan wrote: Designers are not artists.

Well, some arent. Laughing out loud There's a time and a place for that sort of thing, of course.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I read somewhere that tables was first concieved by artists, especially layout artists when they discovered that with simple spacer gifs and the like they can layout pages properly. It became a widespread phenomenon that some guy made money out of by claiming he discovered the principle and published a binch of books... Now the layout thing was made important because first web designers were usually from print media and they wanted the look of web pages more like the way it appears on paper... Now the advent of CSS introduced these designers to a new way of thinking, they can now purely concentrate on designeing than coding... they could manipulate look of pages much easier. Tables was initially really used in web pages as a way to represent tabular data, by evolution CSS was introduced as a layout code...

Therefore whatever it may be, a hardshell way of learning as a continous cause is to learn something that is way to the future, if you know html, or any other codes, whatever you may deem it useful is your choice, but having in mind that you can use CSS as a way of layout technique is a plus, incase you needed it... Dont be one tracked, explore and learn more while you live...

He has: 490 posts

Joined: May 2005

Quote: Nobody uses the old version of Netscape anymore, I really believe the days of old are long gone and we can all use CSS/XHTML in earnest. Personally CSS is quicker than tables, but that may be because the entire process is done with this in mind.

I don't know about others, but I get quite a few hits from older browsers.
Netscape 4.0, windows 4.0, Opra 1.0. and even (shudder) WEB TV!. So old is not completely gone. This is the very reason for html 4.01, the need to accommodate older browsers is still there. I even had a hit from windows 3.5 not to long ago. You would be surprised what old ancient crud people still run.

Even me I run Widows ME, with a Athalon 600 AMD Thunderbird chip, on a network server board. And it suits me just fine. I keep windows stripped down, and out-strip the other two 1gig Intel computers here regularly.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I think the CSS Zen Garden is a great place to look for the benefits of a CSS layout. Sure, the basic structure is boxy, and on that level there isn't a huge improvement over tables. However, once you look at the variation in designs on that site you can really see what's possible. CSS layouts are the way of the future and it's a good idea to be prepared for future techniques. If SVG is ever implemented to a usable extent there will be an explosion of possibilities.

Even if you are using tables, you need CSS to control individual cellpadding - something taht wasn't available years ago - and all of the specific styling changes. So why not change it all over to CSS? A little learning now will allow for more flexibility and preparedness for the future.

I also strongly believe that it is the duty of webmasters to support the w3c standards. If we don't go along with what they recommend then they have no credibility and we have no standards. Sure, it's okay to use tables for now, but that won't always be the case.

ETA: I also think it's easier to make a modern looking design with CSS. Tabled sites often look outdated now.

They have: 161 posts

Joined: Jan 2005

I think that you shouldn't combine the two codes; it can get rather confusing. If I were you, I'd just use CSS. Wink It's a bit harder to learn, but it's a lot faster and easier IMO. Smiling

Or you can just use basic HTML. I wouldn't suggest combining the two, unless it was just like a combination of mostly one or the other - not half and half. Wink

Busy's picture

He has: 6,151 posts

Joined: May 2001

IMO CSS is easier to learn that tables, I remember having a heck of a time trying to remember what rowspan, cellpadding/spacing, alignment in which section does what ... at least with CSS it will usually work or it wont, with tables you can get different results.

You want me to put that colspan where ?

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

lol Busy, funny you should mention that... I had to fix a table built site this week that someone else had built. Absolute nightmare - and not just because I couldn't remember much about tables!

The really annoying thing is that lack of flexibility, how do you change an aspect of the design when the layout is defined in each HTML page (by the HTML), and as you pointed out what a pain colspan/rowspan etc is!

a Padded Cell our articles site!

Busy's picture

He has: 6,151 posts

Joined: May 2001

JeevesBond wrote: The really annoying thing is that lack of flexibility, how do you change an aspect of the design when the layout is defined in each HTML page (by the HTML), and as you pointed out what a pain colspan/rowspan etc is!

This comment always comes up when discussing tables/CSS and I always wonder how many times they actually change a sites layout. A lot of sites get updated, sure, but even if was just CSS would still need to edit every page to add/remove sections. Database driven CSS sites may not need to be as much but an static site would, same as the tables layout.

Updating with CSS = very easy, Upgrading/redesiging = time consuming (involves copy and paste or search and replace) with both CSS and tables

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

I have been originally taught in tables and unfortunatly stuck to it for too long, I use css for some minor text control and effects but thats it, the problem is my sites are all dynamic, and are rebuilt each time the page loads, this enables me to use the admin program to change the layout, design and content via admin. no one element is fixed, That said how could I do the same using CSS as you cannot edit the css file in the same fashion? any one had any experience with this, and if so is it worth it for me to change over?

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

I guess I will have to take the time to learn the full extent of the ability of css and how I could manipulate it, is there any draw backs in having the style in the headder? that way I could build a librady of styles and only have the ones I need included via code

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

I guess it just depends on the type of site that you are building, from what I understand CSS is good to CSS developers, yet others like myself who have used tables an such for a long time for layouts will swear by that method.

Can anyone say that using just tables or useing CSS is wrong? Remebering opinions are just that. I have looked over CSS and its abilities and found it to be relativly powerful but I would have a great deal of trouble to implement it into a content management system, that was truly dynamic, remembering that the user can change font, color, size, effect, position, layout, image etc etc for each line or content area, this would mean that they would have to write to the CSS file each time they updated or that we only give them the option of using the CSS styles we have created in a library. Yes it could be done, but not sure a. if it would be worth it, b. if it would be better.

He has: 490 posts

Joined: May 2005

As far as I can tell the only people that say tables are wrong, are CSS addicts. Tables were used for lay-outs long before CSS was even thought of. So who is to say which is right or wrong?. I don't go around giving CSS users a hard time about their choices, so why should they give those of us who prefer tables a hard time.

Must be some kind of a cult atitude. If tables were wrong W3C would not validate them, but they do. When I position something in a table I know exactly where it is going, I cannot say as much for CSS. CSS also has far more cross browser problems than html. So keep your CSS, and I will be very happy with my TABLES. Smiling

They have: 11 posts

Joined: Jun 2005

JeevesBond wrote: Nobody uses the old version of Netscape anymore, I really believe the days of old are long gone and we can all use CSS/XHTML in earnest.

The only way to know for sure is to have a peek at a high-volume site's (like Yahoo) stats to see what percentage of their users still use older browsers.

Having said that, I tend to agree as it applies to my situation. If I were getting 1000 visits per month from any browser that incapable of rendering CSS, I might consider my options. But I'm getting less than enough to suffer any major cosequences that might result in their exclusion. And some of those should still be able to view the textual material.

I am a CSS convert. It is more time-consuming, it is more difficult to understand (especially postitioning), it is not compatable with older browsers. So, why do I use it?
For one, I was able to get the design I wanted with CSS and because as JeevesBond said:

JeevesBond wrote: Tables are for displaying data in a tabular format! Why learn something wrongly because it's easier? That makes no sense!

.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Tables were used for layouts back in the day because there was no alternative. There was no correct way of doing it so people had to use work arounds and hacks. Read the w3C recommendations. Read Zeldman. Read the Web Standards project. Tables are not and were never the correct way of creating a page layout. Period.

They validate because they can't not validate. A script has no way of knowing whether you are using a table correctly or not. It can only find technical problems with it. That said, tables used for layout ARE accepted in HTML and xHTML transitional but after that CSS should be used for all presentational markup. That means layout.

They have: 11 posts

Joined: Jun 2005

I haven't written anything that says I'm against tables, but I agree with Megan.

And I don't live in a compound full of weapons and never have I thought that a spaceship hid behind a comet, come to take me away...ah hah, hee hee

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I wouldn't say I'm "against tables" either (nor am I a "CSS Addict", BTW). Actually, I'm working on a project right now where I have been forced to use tables for layout (CMS issues). It happens. This is a transitional period in web development but we're at the point now where tabled layouts should be the exception and not the rule.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Well I am a self-confessed CSS addict so can't resist this topic... The reason people used tables was because the guys who invented the net were not graphic artists - they wanted to pore over scientific data all day long!

These people also did not predict how fast the net would catch-on, where people are (especially affluent middle class people with money to spend and time to kill) the companies follow. The companies want their branding on web sites, so a clever designer finds a way to use tables to make sexy designs one day and the rest is history (okay, so I made this bit up. But it sounds good and isn't that far from the truth).

Fact is that tables were invented so the geeks could display their scientific data in a tabular format, and that's why you're wrong Steve: Tables were used for displaying data in a tabular format way before they were used for design. That's what they were meant for in the first place and now we have other - better - mechanisms for formatting they should return to their proper place. Laughing out loud

a Padded Cell our articles site!

Busy's picture

He has: 6,151 posts

Joined: May 2001

dataNdesigns, tables were orginally designed to display data, (or so they say) things like this forum are wrong as the tables control the layout of the data not just the data itself.

I personally don't believe tables are just for data, or they would of been phased out at HTML 3 or 4. It's like when Henry Ford invented the model A, it was meant to be away of replacing the horse and cart. It wasn't designed for what it is used for today. Model A's now are in all shapes and forms, drag cars, hot rods, custom ... with some still in orginal conditon.

When tables were created the option of using bgcolor and later backgrounds so they were intended for "show" not just display. Then Microsoft came in on it and brought out IE only stuff, like bordercolor etc. Later on thead, tbody etc were added. Tables have always been updated, summary="" for example is a classic element for a design table (helps screen readers and text browsers tell whats where).

The table/CSS debate will always be around, it's like the Netscape/Internet Explorer debate that even still goes on today, although now it's Opera/Mozilla/Netscape/Internet Explorer

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Busy wrote: The table/CSS debate will always be around, it's like the Netscape/Internet Explorer debate that even still goes on today, although now it's Opera/Mozilla/Netscape/Internet Explorer

Yes, Busy, it's exactly like that. Because NETSCAPE died a long slow death. There was a lot of arguing along the way, but eventually the better alternative won out. Sure, lots of people held on to the old ways for a long time. Nothing wrong with that, although in that case it did hold us all back for a long time when it didn't need to. Now it's IE that's holding us all back. Will it ever die? Maybe, maybe not. Will tables ever die? Maybe, maybe not, but there is a better way Laughing out loud Some will be in the leading edge - we were the first to swtich to IE, the first to switch to Mozilla/Opera, and the first to switch to CSS. Not everyone needs to be first Smiling

Busy's picture

He has: 6,151 posts

Joined: May 2001

Megan wrote: Yes, Busy, it's exactly like that. Because NETSCAPE died a long slow death.

Died a long horrible death, pffftttt. Back in the NN4 days Netscape was the leading browser as far as specs goes, was way more advanced than IE was, if anything it was beyond it's time (remember who gave us tables), then NS wanted to advance further with JSSS (forget if it was two or three s's), which was an advanced form of CSS but the other parties pulled the plug as this would of given them the leading edge over IE. NS4 is set up for JSS and has some great things. NS did a dang good job of accomadating CSS in the very short time it had. Depending what/where you read, the stories even say Bill Gates paid the partiess off not to except the new JSSS (no real proof of that, just here say).
CSS is good but is what they tried to do way back then. NS did hang itself with version 6 and never really recovered, until now but IMO have left it to late with Mozilla taking over where they left off (remember mozilla is made by Netscape coders).
Switching to a new thing isn't always a good thing, if not fully supported. Look at web hosts, most wont enable beta version software and waiting for an apha version can sometimes put them a version or two behind, PHP5 being a classic example.

Fact: Tables are designed for layout (just not badly nested layouts)
Fact: CSS is great for basic layouts (to be compatiable on all browsers), but can be troublesome if to advanced.
Fact: there is nothing technically wrong with using tables for layout under HTML 4.0 and xHTML 1.0 transitional and XHTML Strict (just needs CSS for alignment)
Fact: current specifications *are* trying to guide us away from tables because of the people in charge - look into who is running the show and what 'other' interests they have.

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

Steve, its just points of view, I dont think anything said here will have any real impact on what acctually happens. As for the real world, everyone can debate all they like, but as busy said its just like the differences between browsers, I for one find your input worth while and would had to see you leave over an opinionated topic.

CSS is a good option for those who use it, the others who use tables just so, tables are supported and I have yet to see anything else other than opinion that would lead me to think using tables in wrong. Ok so the CSS users tell us that it is better but nothing has ever proven that it is wrong, and while browsers, WC3 and the rest still support tables who really cares? I am an asp developer and I could have the same argument about perl programmers, but who is right and who is wrong?

End Of the day my sites rank, my clients are happy and I get paid, the rest is irrelevant!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

dataNdesigns wrote:
End Of the day my sites rank, my clients are happy and I get paid, the rest is irrelevant!

Good point...
As to say, Table with CSS could work pretty well hand-in-hand...
I built my personal site with a mixture of all the coding Ive learned...
It even raises up temper, when I learn coding in this different forms in not more than a month... but then I have coded in delphi, Vb, C++, C, BASIC, and Motorola Machine Lang. Before... but I havent shunned away from any of them just because the other is better... I guess I thanked it that I learned from them the most that I can... It helped become a better programmer of somesort...
So please Steve... Be Cool...

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Bah, me and my over-opinionated ranting! My apologies Steve, please ignore me, I just enjoy a good debate. Laughing out loud

I guess the thing I'm learning from everyones opinions here is that we all have different methods, they all produce slightly different results but if a site looks good and does what it says on the tin then who am I to argue...

a Padded Cell our articles site!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Fact: tables were never meant to be used for layout
Fact: CSS works perfectly well for layout
Fact:there is nothing technically wrong with using tables for layout under HTML 4.0 and xHTML 1.0 transitional
Fact: under subsequent specifications there *is* something wrong with using tables for layout
Fact: most (if not all) of the leading experts in the field moved to CSS long ago
Question: does everyone need to do the same? Does it matter?

So, what are we arguing about? Seems that we all agree but are looking at it in a different way. Bottom line is that tables are fine (for now at least). We're not all Zeldmans or Jeevesbonds Laughing out loud If you're not a code expert and have other things to worry about there's no compelling reason to switch. It IS something interesting to play with and to think about for the future.

Steve - we totally don't mean to pick on you personally. As I said at the beginning of this thread, tables are an acceptable way to build a site, especially for those new to web development:

Megan wrote: Yes, that's perfectly fine under HTML 4.01 and xhtml transitional. I would add that for someone in your position it might be easier for right now to do it that way while you work on improving your html skills.

IMO there are many more important issues in design than what method you use to code. CSS is good, you might want to look into it more in the future. But for now there's nothing wrong with what you're doing.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Wow, Megan did you just compare me to Zeldman? How I wish it were true... Well I suppose I'm working on it. Thanks though!

Good points Megan, and although I fight the XHTML/CSS corner vehemently your points are right. If customers are still paying, websites are still working the details of your methodology are somewhat moot. Smiling

Although I'd like to think I have a higher standard when defining "working." I like designs to look better than that normally achievable with tables, I expect code to be written in a certain way, I spend geeky hours with my head buried in the W3C specifications.

If your priorities are the same as mine then you'd do the same, but obviously you're not me so they're not! So if it suits use tables, I can't imagine a customer would make the differentiation.

a Padded Cell our articles site!

He has: 490 posts

Joined: May 2005

Megan.

I think a lot of it comes from the division among major web developers. Some say that tables were, and are for elementary management as well as the layout of websites. Others disagree. What few realize is CSS is not new but very old, and has never received general acceptance. But with the coming of so many new, and old browsers that display elements somewhat differently, CSS is less affected by this. Firefox for example has a problem defining table height, and it is not passable to use “height” in tables. But you can if it is on a sperate style sheet.

But you need to use one or the other, although you can mix CSS, and tables if you don’t know what you are doing it can become a disaster. There is one such page in the review section now. I don’t really know how it would look if correct, both IE and Firefox display it generally the same, “lord knows how I don’t”. But it is a classic example of a bad mix, with 185 page errors. He would probably have been better off to stick to his tables, although bad nesting is one of the pages major problems. Or maybe he just needs to go back, and learn something correctly. Either way CSS or tables, I imagine it would look a great deal better that way. So the bottom line is, what ever you know it is best to stick with it. There is no telling what the future may bring both CSS, and tables may become obsolete. Smiling

demonhale's picture

He has: 3,278 posts

Joined: May 2005

In the Case of Site Codes that do not validate and has a host of errors;
All I could smile about is I have this experience that a raw html code (not uploaded yet to a host) nor is live will validate well... If validation is the concern... But once uploaded it does not validate because of some codes inserted by the host (especially if free host). Then if coders sometimes hack codes to move a banner or something, validation really doesnt apply. But its Enough I say that the "raw code" validates...
Some example of a good CSS and Table combinations with a little javascript would be in uses like making menus, especially dropdowns... Dont you think???
Confused

He has: 490 posts

Joined: May 2005

But if you got rid of IE 90+% of your viewing audience would be gone. But be of good cheer, IE 7 is soon to be released, then you will not have to worry so much about 6. Laughing out loud

Busy's picture

He has: 6,151 posts

Joined: May 2001

steve40 wrote: IE 7 is soon to be released, then you will not have to worry so much about 6. Laughing out loud

You sure about that? I remember when people were using IE5 and 5.5 and saying IE6 would solve all the problems ... Could just open up a whole new can of worms. Remember MS is loosing market share, it is in their best interest not to comply and go in their own direction

He has: 490 posts

Joined: May 2005

I didn't say it would solve any problems. I just said you wont have to worry so much, about IE-6. Laughing out loud

He has: 490 posts

Joined: May 2005

Actually from what I know, it will probably be worse. I don't exactly remember what I read about it, but seems that support for several things will be cut. I guess when you have the money BG does, you can make yourself as big a pain in the rear as you want. Smiling

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

steve40 wrote: Actually from what I know, it will probably be worse. I don't exactly remember what I read about it, but seems that support for several things will be cut. I guess when you have the money BG does, you can make yourself as big a pain in the rear as you want. Smiling

Oh, so did they change their strategy on that? For years they were talking about only releasing v. 7 with their new OS (which was supposed to be ready in 2005 sometime....) - so it wouldn't be available as a stand-alone to older versions. The majority of users wouldn't upgrade so we'd be stuck at 6 basically forever.

I'll have to look into this more tomorrow.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

steve40 wrote: IE 7 is soon to be released, then you will not have to worry so much about 6.

So did they change their strategy on that? For years they were talking about only releasing v. 7 with their new OS (which was supposed to be ready in 2005 sometime....) - so it wouldn't be available as a stand-alone to older versions. The majority of users wouldn't upgrade so we'd be stuck at 6 basically forever.

I'll have to look into this more tomorrow.

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

Google uses tables on their site, microsoft uses tables on their site, ninemsn uses tables, and the list goes on and on and on.

Megan I can appreciate that you are a CSS advocate, however considering the poplularity for tables I and the rest of world very much doubt that tables will dissapear any time soon.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

IMHO, it's not that tables are popular, its just that people have a reluctance to change what they have always known, which is designing with tables.

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

Renegade - Which would mean? probably that tables are indeed popular.

From an employers perspective, I have 2 developers working for me, one codes with tables same as me the other is a trainee who is learning CSS through uni. If she can convert our content management system over then so be it, else we will keep using tables. Remember bottom line is all that is important and while tables are functional and coders can keep producting good work with it there is no reason to justify the expense of retraining. I have been interviewing for 2 weeks now for a new developer so hopefully the new person will have CSS ablility and run through implementation but that person will have to be able to prove why changing over would be worth while.

So I am assuming that most other development firms are similar with developers that are comfortable using tables, why change that? the next generation mite fix this problem, only time will tell.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

dataNdesigns wrote: Renegade - Which would mean? probably that tables are indeed popular.

No, not at all, it just means that people are so used to using tables for layout that "they" can't be bothered changing what they have always known. Not that it is more popular.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

No one is disupiting that tables are popular. We're just disputing the correct use of them, that's all. I don't know why everyone is getting so upset about it.

And Busy - none of those are facts.

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

Megan - yes tables are popular, be it from lazy developers, lack of time to learn and implement, or just the the conversion over would not justify the time factor based on gain. Who knows, my argument is that tables are in fact an acceptable format for the web regardless of comments to the contrary. They are used by far more than CSS alone and in more important websites. However that said most do use a combination of the two to some degree (even me).

But I think the next big change on the net will not come from developers shifting over to CSS but in fact new technologies and methods altogether different from any current standards.

Who knows? what would happen if flash or something similar came with the players already built into the browsers?

Further more provided the code is clean, the site works well and its functional does any of this really matter?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

dataNdesigns wrote: Who knows? what would happen if flash or something similar came with the players already built into the browsers?

It's called SVG and yes it is coming* - check the Opera thread for more on that. I think SVG is deisgned to work alongside properly structured CSS layouts Smiling I don't think it would make sense to use it in a tabled layout.

*coming if we can ever kick IE6 which may be a very long time.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Yeah, we won't have to worry about IE6 so much because we have to worry about IE7 Sticking out tongue

He has: 490 posts

Joined: May 2005

I don't know if it will be released as a stand alone or not. It will be released with Long-horn, MS's new windows version. Which I know I will not like, I haven't liked anything since ME (and I really don't like it).

Basically I think everything about computers suck, I only mess with them out of boredom.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

The IE blog has some interesting debate, seems Microsoft are going to break RSS by building in their own extensions as well... Marvellous.

http://blogs.msdn.com/ie/

a Padded Cell our articles site!

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

You would think microsoft would have learn its lesson with .net and xp, the take up on both of those has been extreemly slow with many uses and corps still running the win 2000 pro operating system if not converting to lynix. I think they will upgrade themselves out of business one day. Smiling

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

Windows 2000 pro is a nice operating system we run it on all our systems here, personally I like it anyway, I have just been forced to upgrade to xp as it came with my new laptop, and I hate it! everything is locked down and no IIS system in the home version, so I either have to downgrade back to win 2000 or upgrade to xp pro which is poor if you ask me.

What shocks me more than anything is ms office, to get the full version here, its almost $400 which is the same price as a good bare bones computer, does mircosoft really think that just the application is worth more that the computer it runs on?

Buy the time you work it out, the computer at wholesale price is $400 xp pro is $175 oem and office is $400 you end up paying more for the software that you do the system itself. For what? just so I can use microsoft to develop with? You would think microsoft would promote developers to use their product and at least give us a package price that is affordable, even just to promote there own product.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

I know for a fact that MS has dropped their policy of supporting older software, particularly stuff that uses OS-specific hacks to increase performance with Longhorn. Bad idea, how many people are seriously going to upgrade if most of their favourite programs don't work?

Win2K is a good operating system, there is nothing about XP that makes me want to upgrade, especially with that nasty Home/Professional edition differentiation. Linux is getting easier to use for the average person, I'd love to see more of an incursion into Windows market share on the desktop front.

I would expect that if no-one could upgrade to ie7 when using anything lesser than Longhorn then we'll see an even greater take-up of Opera & Firefox, think about the bigger picture... IE7 being restricted to Longhorn could be a good thing Smiling

a Padded Cell our articles site!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

dataNdesigns wrote: Buy the time you work it out, the computer at wholesale price is $400 xp pro is $175 oem and office is $400 you end up paying more for the software that you do the system itself. For what? just so I can use microsoft to develop with? You would think microsoft would promote developers to use their product and at least give us a package price that is affordable, even just to promote there own product.

They were also planning on making Longhorn subscription based so you'd have to pay a yearly fee to use it (not sure if this is still true either). Obvioulsy that's going to turn off a lot of users. This sounds like a make it or break it deal for MS. They're taking a big chance with this, IMO. Word is getting out among the newbie types about Moz so it could be that eventually people switch over rather than paying for Longhorn (same goes for other software too. Really, who needs an improved version of Office?? IMO a lot of software packages have reached the point of diminishing returns) . It'll be interesting to see how this plays out - it's got huge implications for web development, obviously.

Busy's picture

He has: 6,151 posts

Joined: May 2001

Isn't Longhorn going to be compiled into new PC's anymore?
It could be like Nortons AV, when you buy a new PC you get Nortons (and the CD) but is only a trial version which lasts 6-12 months then you have to pay for it. It will still work afterwards, you just wont have the latest/greatest.

Could make the net a whole different ball game for designers, who is going to pay to subscribe to IE just so they can test their pages with it when they use nix or mozilla/opera ...

If the operating system comes with new PC's, people will pay. I meet someone the other day that said they have been on the net for years, yet they didn't know there was other browsers/software out there to choose from - they are now enjoying mozilla Laughing out loud

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Good one Busy! If we keep spreading the word the eventually everyone (bar a few late/never adopters) will be using Opera/Firefox, we're pretty-much at the cutting edge so we're innovators, only problem with this territory is that we have to wait for the rest of the world to catch up and we also partly carry the baton of teaching them.

Anyway, rant aside, and as long as there are enough people around to educate the masses Longhorn wont win if MS takes the approach discussed here, the decline will be slow but I believe it's already happening.

The place that hurts people is in their wallet, that is one thing that is universally understood: Try and force people to pay for something they don't want will make them look for an alternative - especially if they remember the good old days of Win2k/XP (and lower versions) where they didn't have to subscribe.
When they look for an alternative it'll be with people like us and IT guys in general, who will - of course - recommend they go back to Win2k/XP or move to Linux, the result being a stagnation for Longhorn and IE7+.

So next will be the result for the browser: IE6 remains the same but Opera and firefox get better and better. It doesn't take a rocket scientist to work out what will happen then, especially when you consider the security holes in IE Smiling

a Padded Cell our articles site!

dataNdesigns's picture

He has: 79 posts

Joined: Jun 2005

The only problem is that mirosoft has got it bundled, Ive hundreds of system builds now for customers and of course they all choose windows but from an installers side its much easier to install windows and walk away.

If you could get an open source solution with everything bundled, and still have the felxaliblity to open files from windows machines without haveing the dramas of loading extra stuff it would be fantastic and that would be the beginning of the end for mircosoft;

I get files from my customers in MS access, ppoint etc etc but unless I subscribe to mircosoft I cannot read them. Thats anti competative!

So what is the solution here.

They have: 96 posts

Joined: Jul 2005

OK So I brought a thread back from the dead. Smiling Demonhale told me to check it out and I did.

I guess theres quite a dilema about Tables VS CSS.
I think (and yes its just merely thinking) that it totally depends on what the website is requireing.

If you were to look at my work. Everything you see has first been completely designed in photoshop. When I built a site. I do a concept first in PS CS2 . This way I can easly sit back and let my imagination go to town. After I have spend hours designing. I send the concept to my client to see what changes they require. Once thats done. THEN I say OK how am I going to convert what I see here into a working functional website.

I use Homesite for my editor and slowly I pick away at the photoshop image. I use CSS for all my body tags, stlyes, borders and fonts . However I do use Tables for my complete layout. Some tables are just to put my SWF or images in the correct locations.

So I guess perhaps I take a complete different approach then many other designers. But I use Tables and CSS together as a team. And so far its working terrific .I also have Firefox, Netscape, and IE open to makesure my site is compatible and looks the same.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I think that's a great way to go, Alex. You're not using too many nested tables, are you? I think this is a solid way to go about doing things. It is a challenge to mock-up something in photoshop and get it working with CSS (wait 'till you see the new TWF design!). This way you've got the best of both worlds Smiling

They have: 96 posts

Joined: Jul 2005

Megan wrote: I think that's a great way to go, Alex. You're not using too many nested tables, are you?

I can't wait!!! I love seeing new revisions. Its exciting. I do try my absolute best to not nest tables. Once in a blue moon if I'm pulling out my hair trying to line something up exact and the only way is to nest. I bite my tongue, close my eyes and click the quick insert icon. Sometime I will redo a graphic (add more white space as I call it) to avoid a nest. Wink

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I'm one of those who likes CSS and no tables, but only when I've got the time. For me, it takes quite a bit longer to get most designs working with no tables than it does with tables. I use a Fireworks/Dreamweaver combo, and FW outputs tables. So unless I want to completely redo the HTML it outputs, I stick with tables. (Of course, on ocassion I do want to completely redo the HTML)

That said, I like what Jeeves said in another thread about someone who knows Fireworks enough to make a webpage not being an actual web designer. There are always other things to take into account, including download time, flexibility of design, etc.

Then again, Jeeves is anti-tables, if I recall correctly. And we all remember in the Bible where Jesus overturned tables. Smiling

They have: 96 posts

Joined: Jul 2005

Hey Tim I would like to see a site with no tables. Can you send me a link of one of yours. I like to view the sourse and see how its done. It amazes me to think a site without a single tag and nothing but tag Smiling

They have: 96 posts

Joined: Jul 2005

Heres a great write up
http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx

Also would this Hurt the 100% CSS based site for the future?

http://www.microsoft-watch.com/article2/0,1995,1776937,00.asp

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Sure, Alex. Keep in mind when you view the source that these are table-less CSS sites, but that I still used Dreamweaver to implement and edit them. I'm also not claiming that these are perfect uses of CSS by any means. But feel free to check them out.

http://www.arniandersonartworks.com/
http://www.havencomic.com/
http://www.missionnicaragua.org/

And this one is down now, but you can still view screenshots in my portfolio:

http://www.tandswebdesign.com/portfolio/details.php?client=10

demonhale's picture

He has: 3,278 posts

Joined: May 2005

hey lex for pure css inspiration no tables etc... go to csszengarden.com...

Did you know I asked this question before because I used tables and spliced up images before like the way you did... Then I tried to implement css on tables and they pretty much do things well together... thats the time I stopped using nested tables, just tables and css. As pointed out a lot of good points had been said, when I read the whole thread I begin to think if I can do the same vision with no tables, then it would definitely be a great challenge, so I did and now by choice I can do things either with the combo or just pure css...

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Like anything, it's a good idea to know what's possible even if you don't always use it. A better informed decision can only benefit your website.

Roo's picture

She has: 840 posts

Joined: Apr 1999

I use css positioning with tables.

One issue with this though:

You have to position things inside the table or cells. If you try to position things outsidte of the table then you get huge gaps.

Someday, maybe I'll go completley table-less. I suppose once you get used to positioning things it probablly becomes less of a pain.

What I mean by that is the whole enter your numbers, refresh, change numbers, refresh..on and on and on.

I suppose once you start using no tables at all, you start to automatically be able to judge the the numbers x and y.

I do agree that table-less sites look a lot better since you have complete and total control.

Roo

They have: 96 posts

Joined: Jul 2005

Thats some real impressive work Tim! I read the source code and looks very clean. My only concern was, is all the real work in the CSS file. I use CSS for more and more as I design new sites, and although I personally have no beef with Tables, I am inspired to work a bit more with CSS. When time previals of course.

We never stop learning do we. It took a couple years to finally get Flash MX down to an art.

Busy's picture

He has: 6,151 posts

Joined: May 2001

Tables still validate to strict so don't see the big issue is

Ok this is how tables are meant to work (from anti table folks). Tables were created to display tabular data only. Say I go along with that, an example would be a calendar, probably a perfect example as it's displaying numbers and week days. Now lets add a note to saturdays date (in that cell), now is this still being used correctly? if not why not, it hasn't changed a lot from orginal, structure and outcome the same. How about we add entries into every date, like a diary. Still correct now? if not why not? it hasn't changed the structure, code or anything. lets add a picture in some of the days (could be a smiley, could be the mona lisa), different now? still same structure, same base. But wait, omg we added so much we now designed a new web page? so now the anti-table people are crying foul because we are using it for a layout, yet it is still proper method from start.

The problem isn't what tables should be used for, the problem is anti-table uses not being able to use tables correctly so they bag them and use CSS which in some cases can be easier.
Tables when used correctly is ideal for screen readers. I have had the oppurtunity to hear what a hearing impaired person hears, the same reader could not read a CSS site (this was a couple of years back).
I'm sure somone is going to refer me to w3c, ever stopped to wonder why. Lets take Microsoft as an example, back in the days of win 95,98 etc it came out with a program called comic chat (made and supported by them), I think it was win98se onwards they stopped but the folder remains (windows/chat). Why did they drop it? two reasons, one they couldn't make money on it and two they couldn't advance it. It was already beyond it's time. They have now gone to 'microsoft chat' which is java based because it can be upgraded and ads etc can be throwen on it. now think again about tables, how could tables be advanced? they can't and the fact people abused them (I blame microsoft for this - frontpage, word, publisher ...) it's only right to try dump them in favor of something else. (Netscape gave us tables by the way).

They say CSS sites are easier to edit, say you wrote this forum in pure CSS, now give it to someone else to edit, if you didn't label the classes well, this person has to first learn your style before they can edit it. Done in tables you turn borders on and bang you can adjust to suit no matter who wrote it. Am sure someone will sa, what about a redesign of your site ... (as this often comes up for reason of using CSS), my responce, what about it? if you're going to redesign your site the CSS code will have to be changed same as tables, a modification is not a redesign. A redesign is just that - a total redesign. Now add server side into it, even harder again (not talking a simple form).

People that say things like "if you use tables your so old ..." reminds me of all the people that follow stupid trends, one around here (NZ) is scarfs, I mean, what the heck, it's summer, you'd rather follow a trend than be comfortable?
If you want to use tables because it's either easier, quicker or does a better job then use them, if you don't then don't, no one is forcing you to use them.

They have: 96 posts

Joined: Jul 2005

Busy wrote: Tables still validate to strict so don't see the big issue is

Ok this is how tables are meant to work (from anti table folks). Tables were created to display tabular data only. Say I go along with that, an example would be a calendar, probably a perfect example as it's displaying numbers and week days. Now lets add a note to saturdays date (in that cell), now is this still being used correctly? if not why not, it hasn't changed a lot from orginal, structure and outcome the same. How about we add entries into every date, like a diary. Still correct now? if not why not? it hasn't changed the structure, code or anything. lets add a picture in some of the days (could be a smiley, could be the mona lisa), different now? still same structure, same base. But wait, omg we added so much we now designed a new web page? so now the anti-table people are crying foul because we are using it for a layout, yet it is still proper method from start.

The problem isn't what tables should be used for, the problem is anti-table uses not being able to use tables correctly so they bag them and use CSS which in some cases can be easier.
Tables when used correctly is ideal for screen readers. I have had the oppurtunity to hear what a hearing impaired person hears, the same reader could not read a CSS site (this was a couple of years back).
I'm sure somone is going to refer me to w3c, ever stopped to wonder why. Lets take Microsoft as an example, back in the days of win 95,98 etc it came out with a program called comic chat (made and supported by them), I think it was win98se onwards they stopped but the folder remains (windows/chat). Why did they drop it? two reasons, one they couldn't make money on it and two they couldn't advance it. It was already beyond it's time. They have now gone to 'microsoft chat' which is java based because it can be upgraded and ads etc can be throwen on it. now think again about tables, how could tables be advanced? they can't and the fact people abused them (I blame microsoft for this - frontpage, word, publisher ...) it's only right to try dump them in favor of something else. (Netscape gave us tables by the way).

They say CSS sites are easier to edit, say you wrote this forum in pure CSS, now give it to someone else to edit, if you didn't label the classes well, this person has to first learn your style before they can edit it. Done in tables you turn borders on and bang you can adjust to suit no matter who wrote it. Am sure someone will sa, what about a redesign of your site ... (as this often comes up for reason of using CSS), my responce, what about it? if you're going to redesign your site the CSS code will have to be changed same as tables, a modification is not a redesign. A redesign is just that - a total redesign. Now add server side into it, even harder again (not talking a simple form).

People that say things like "if you use tables your so old ..." reminds me of all the people that follow stupid trends, one around here (NZ) is scarfs, I mean, what the heck, it's summer, you'd rather follow a trend than be comfortable?
If you want to use tables because it's either easier, quicker or does a better job then use them, if you don't then don't, no one is forcing you to use them.

Busy, this subject has had me thinking all day. Yes I actually got a break from designs for a few days. hahaa. And you know what. I 100% agree with you. I just installed Cart Keeper (shopping cart script) for a client. Although it had Tables in the design, In order to make any custom changes I had to dig through 7 CSS files!!! like site.css, nav.css, category.css and so on, as soon as I saw class="largetext" I had to dig through 7 CSS files to find that varible.

This was just an example of taking over someone elses CSS work. I myself use CSS in a single file. Also the real meaning behind my CSS usage was originally so the browser would keep a consistent font size no matter what font size the viewer choosed.

This is a real good subject!

For me I have had great luck with tables. And when I'm in the HTML mode, I have 3 different browsers and refresh my page in each browser to make sure the look doesn't change. For an example I learned to keep all the inside the tags because IE and Netscape control their Breaks differently but if the Break is within a CSS Class then they will stay consistent.

My websites are generally built to be seemless. So any little break will show up like a sore thumb. Nothing worse then seeing a small white line through a what is suppose to be a seemless table. Smiling All fun. Its nice to collaborate on stuff. I try to talk to friends and their like . Sure man, wanna beer

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Alex, all the real design work is in the CSS file, if that's what you mean. That's really the point of seperating your code and your style.

You can always view the CSS file, if you didn't know. You can copy the URL of the CSS file out of the HTML code, or, if you have Firefox, you can use their webmaster toolbar and click on CSS -> View CSS.

They have: 96 posts

Joined: Jul 2005

timjpriebe wrote: Alex, all the real design work is in the CSS file, if that's what you mean. That's really the point of seperating your code and your style.

You can always view the CSS file, if you didn't know. You can copy the URL of the CSS file out of the HTML code, or, if you have Firefox, you can use their webmaster toolbar and click on CSS -> View CSS.

Yes i realize all the structure is in the CSS Smiling When I said work (in a general meaning) , I merely meant all the design hours is focus putting together a functional CSS file.

Although very impressive indeed, I still can't see ALL the benifits of 100% CSS and spend all that extra time putting it together. I will dig a bit into here and there, but in order to have me sold for 100% CSS site will have to carry alot more benifits then bragging rights. Smiling Good job though.
Is there a Pro/Con list for CSS VS Tables?

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

I agree with you Alex, I use tables for structure and CSS for styling and I see no problem with that. However it is absolutley amazing how many sites I have taken over recently for rebuilds where the previous 'designers' used so many nested tables it was hard to actually find the content, now that's scary!

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

Busy's picture

He has: 6,151 posts

Joined: May 2001

were they created with editors?

A big editor fault is the loose use of tables, tables can be added fine, but if you adjust it then remove it you only remove some of it. Nested table are bad, a few years ago people just threw table after table in trying to get the desired result. The problem was they didn't know how to use tables. Tables can be a mission to understand but once you do they are easier than doing easy stuff (yeah brain went dead). I am sure there or lots of badly design CSS sites out there, deeply nested div's ...

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I'm sure I've posted this before, but my goals are generally to make a good looking website that the client that is happy with and that is relatively easy for me to maintain. I just use whatever tools are necessary to make that happen. Sometimes it's a complete separation of design and structure, sometimes it's automatically exported tables from Fireworks to Dreamweaver, other times it's an open source CMS.

He has: 113 posts

Joined: Jul 2005

I switched from Tables to CSS layouts about 6 months ago. Its much more efficiant. Only problem is cross browser compatibility with browsers like IE that refuse to conform to the W3C Standards so you have employ a load of CSS hacks for each browser to get it looking right.

anyone know css hacks for Opera 8?

demonhale's picture

He has: 3,278 posts

Joined: May 2005

2 years into it and I'm a pure CSS fan... tables are useful for tabular data though...

Brooke's picture

She has: 681 posts

Joined: Feb 1999

Thanks to someone here - I've had a lot of help switching to a pure css layout. I am not perfect - and the positioning is still confusing to me - but I LOVE It! It is just so much more powerful and very accessible -
I don't have to fiddle with that at all.

It gets two thumbs up in my opinion!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.