동서남북 지멋대로 떨어져 노는 놈들 한군데로 모으는 재미가 그래도 쏠쏠합니다.

이거 응용하세요.
간단하게 레이아웃 짜드립니다.

id = table
class = td

라고 보시면 됩니다.

<style type="text/css">
body { text-align:center; margin:0}
#main { width:1000px; text-align:center; margin:0 auto 0 auto;}
#main .top { height:80px; background:red; }
#main .left { float:left; width:200px; background:green; }
#main .main { float:left; width:800px; background:gray; }
#main .tail { clear:both; height:80px; background:black; }
</style>

<div id="main">
<div class="top">상단</div>
<div class="left">좌측</div>
<div class="main">메인</div>
<div class="tail">하단</div>
</div>

강좌라면 인터넷에 많아요....ㅋ

http://www.1keydata.com/css-tutorial/wrap.php <- CSS 기초
http://celestarry.egloos.com/3595449 <- 레이아웃은 이게 이해가 잘 되더라구요 :)
http://web.geusgod.pe.kr:8081/408 <- 레이아웃 만들 때 참고하면 좋아요
http://www4.ocn.ne.jp/~tester/style/index.html <- 스타일 시트 기초인데 좀 옛날꺼라 테이블은 있는데 div는 없네요; 요것도 참고만 ^-^
http://hs24437.springnote.com/pages/1365328 <- div 속성에 관한 것

http://blog.naver.com/r12_y0u4

여기 들어가자마자 나오는 페이지에 예재 재가만든거잇슴니당

배경까지 이쁘게만들어놧어용

칸타님은 그래도 개념잘 잡아서 하시던데요.
잘하시는 분이 엄살은....

참 어려워요 ㅠㅠㅠ

뭐든 개념이 중요하죠..

전 #과 .게 해깔림...
<ul><li>이런것도..
table 코딩이 저도 편한데..