Tuesday, November 18, 2008

CSS and div's instead of tables

I dropped the table from home page! Now I'm using div's and is looking better. I tested the new layout in Konqueror and FIrefox.

I'm emulating a table with three columns. The CSS code is this:

.clear { clear: both; } 

.caseta1 {
float:left; 
width:32%; 
border-top:1px solid #ddd;
margin-left:3px;
}

.caseta2 {
float:left; 
width:32%; 
border-top:1px solid #ddd;
display:inline;
margin-left:5px;
}

.caseta3 {
float:right; 
width:32%; 
border-top:1px solid #ddd;
margin-right:6px;
}

The code is inspired by @Patric from snewscms forums and by styleshout (I'm using his theme).