August 9, 2003
CSS vs. Tables
I spent most of today making a liquid CSS design for my new site; I was happy to see it working so nicely in IE. Then I loaded it in Mozilla Firebird .. and it looked like crap.
The problem has to do with the way I'm floating two columns and then trying to push data after it. Mozilla is not being nice - while IE is doing what I want it to. Without pointing fingers at which browser I think is sucking arse (*COUGH*) right now ... I will just go on the following rant about CSS and tables.
Almost every site I visit lately is pushing "liquid CSS" designs. The one main reason I always see for this is the following:
"It's a real separation of content and design."
Now I take real issue with this. When you create a CSS site driven in PHP (for example), you still have to input the <div class="className"> tag somewhere... meaning you're still putting up markup in your design somewhere.
I guess what's basically happening is people are trying to push this hierarchy:
content (substance) --> CSS (style + formatting of data)
I really don't like this. You're putting too much pressure on CSS to do formatting. And let me tell you something - formatting in CSS is a bitch. Almost every browser handles things different and things get really wacky trying to calculate exact locations to place stuff (if you're using position:absolute).
The hierarchy I like better is:
content (substance) --> tables (formatting) --> CSS (style)
Tables are so much easier to format with; and their logic is a lot easier to follow (for me anyways).
Argh, i'll write more about this later. I'm going to go try to fix up my design in CSS now ... sigh.
The problem has to do with the way I'm floating two columns and then trying to push data after it. Mozilla is not being nice - while IE is doing what I want it to. Without pointing fingers at which browser I think is sucking arse (*COUGH*) right now ... I will just go on the following rant about CSS and tables.
Almost every site I visit lately is pushing "liquid CSS" designs. The one main reason I always see for this is the following:
"It's a real separation of content and design."
Now I take real issue with this. When you create a CSS site driven in PHP (for example), you still have to input the <div class="className"> tag somewhere... meaning you're still putting up markup in your design somewhere.
I guess what's basically happening is people are trying to push this hierarchy:
content (substance) --> CSS (style + formatting of data)
I really don't like this. You're putting too much pressure on CSS to do formatting. And let me tell you something - formatting in CSS is a bitch. Almost every browser handles things different and things get really wacky trying to calculate exact locations to place stuff (if you're using position:absolute).
The hierarchy I like better is:
content (substance) --> tables (formatting) --> CSS (style)
Tables are so much easier to format with; and their logic is a lot easier to follow (for me anyways).
Argh, i'll write more about this later. I'm going to go try to fix up my design in CSS now ... sigh.
Posted by roy on August 9, 2003 at 04:22 PM | 3 Comments
Comment with Facebook
Want to comment with Tabulas?. Please login.
MacDaddyTatsu (guest)
MacDaddyTatsu (guest)
To top it off you cant restrict access to your CSS like you can with a CGI or something comparable. YARGH!
brian
For example, if you want to have an input area of 450px with a margin of 15px on all sides, you have to use this code:
#content {
margin:15px;
width:480px; /* Damn IE */
voice-family: ""}"";
voice-family:inherit;
width:450px; /* The real deal */
}
Most new browsers (except IE) format CSS similarly.
You can stick with tables if you want, but with CSS, the file size tends to be significantly smaller.