div vs table layouts

tables

pros
------
fast and easy
the standard output for sliced image maps in photoshop
cons
------
slow
looks messy, thus slowing your development time
from html 3.2 or some shit ¬_¬

<div>

pros
-----
intergrated with css
faster than tables
easyer to navigate and read when returning to change code

cons
-----
may require a brain

ive personal decided to take the time to expand my knowllage in <div> tags and general css however this may not be the best option.

id like to know some other views more importantly compare the choice to there intellegence ¬_¬

Div for the win.
Ohai again Greg.

Originally Posted by Czar

Div for the win.
Ohai again Greg.

Stfu div for the win

how about iframe vs framesets?

Originally Posted by GG2GG

Stfu div for the win

how about iframe vs framesets?

Yay for Iframe being retarded and easy for lazy ppls. =D

Originally Posted by GG2GG

iframe vs framesets?

dont be retarded.
As a web&graphic designer i would recommend DIV instead of TABLE.
im not going to waste my time getting into it, but trust me.

Originally Posted by iHolyElement

dont be retarded.
As a web&graphic designer i would recommend DIV instead of TABLE.
im not going to waste my time getting into it, but trust me.

necro, i was telling czar to stfu, only time ive used tables is when taking output from photoshop

tables are good for single file sites and simplicity as well as stuff like schedules, divs are good for fine tuning and absolute positioning.

Originally Posted by BloodSkin

tables are good for single file sites and simplicity as well as stuff like schedules, divs are good for fine tuning and absolute positioning.

tables suck all the time, there messy and gay.

plus this was more to give information to those who dont know how to use either, so they know what they should learn.

Originally Posted by Calculating Infinity

tables suck all the time, there messy and gay.

plus this was more to give information to those who dont know how to use either, so they know what they should learn.

Partially true. Tables are still widely in use for emails though, as many popular clients can't render div layouts all that well (that also includes Outlook).

Other than that yes, divs are superior and it's easy to make a table-like layout. Now, if we want to make it similar in structure (talking about the basic structure here):

[html]<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>[/html]

we can make the following div layout:

[html]<div>
<div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
</div>
</div>[/html]

And use some CSS:

Code:

div > div {
	overflow: auto;
}
	div > div > div {
		float: left;
		width: 33%;
	}
	div > div > div:last-child {
		width: 34%;
	}

I think that should work, sorry if I did anything wrong, I just woke up

Edit: forgot a ; in the css :S

Originally Posted by Alen

Partially true. Tables are still widely in use for emails though, as many popular clients can't render div layouts all that well (that also includes Outlook).

Other than that yes, divs are superior and it's easy to make a table-like layout. Now, if we want to make it similar in structure (talking about the basic structure here):

[html]<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>[/html]

we can make the following div layout:

[html]<div>
<div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
</div>
</div>[/html]

And use some CSS:

Code:

div > div {
	overflow: auto;
}
	div > div > div {
		float: left;
		width: 33%;
	}
	div > div > div:last-child {
		width: 34%;
	}

I think that should work, sorry if I did anything wrong, I just woke up

Edit: forgot a ; in the css :S

shaddap

anyway bitch git on my dev team

Originally Posted by Gilcrow

shaddap

anyway bitch git on my dev team

Your dev team...?

Originally Posted by Alen

Your dev team...?

yea im making a dev team, fmmmmmmmmm

I use divs now anyway, there much better for layouts. They tend to load faster.
Most neewbies get into table habits because of photoshops optimize for the web function..I did

Originally Posted by Greg

I use divs now anyway, there much better for layouts. They tend to load faster.
Most neewbies get into table habits because of photoshops optimize for the web function..I did

there is no difference in loading speed

Originally Posted by Calculating Infinity

there is no difference in loading speed

True, maybe he meant rendering speed

But even then I'm not so sure there's much of a noticable difference. The only reason why divs are so much more popular is their standardization or whatever you want to call it. They work the same way in nearly every browser, whereas tables can differ.

div vs table layouts

Post a Reply

Similar Threads

Tags for this Thread