div vs table layouts

[GG2GG]

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 ¬_¬

[[MPGH]Czar]

Div for the win.
Ohai again Greg.

[GG2GG]

Originally Posted by Czar

Div for the win.
Ohai again Greg.

Stfu div for the win

how about iframe vs framesets?

[[MPGH]Czar]

Originally Posted by English

Stfu div for the win

how about iframe vs framesets?

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

[iHolyElement]

Originally Posted by English

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.

[Greg]

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

[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.

[Calculating Infinity]

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.

[[MPGH]m³]

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):

<table>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table> 

we can make the following div layout:

<div>
	<div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<div>
		<div></div>
		<div></div>
		<div></div>
	</div>
</div> 

And use some CSS:

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

[Greg]

Originally Posted by m3

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):

<table>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table> 

we can make the following div layout:

<div>
	<div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<div>
		<div></div>
		<div></div>
		<div></div>
	</div>
</div> 

And use some CSS:

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