DIV ㅜㅜ > 자유게시판

DIV ㅜㅜ 정보

DIV ㅜㅜ

칸타 홈페이지 자기소개 아이디로 검색 회원게시물 (120.♡.♡.74)
2012.02.25 09:47:33
1,594

본문

일주일째 공부중인데 테이블에 중독된지 오래되서 쉽지가 않네요...

아주 새 레이아웃을 짤때마다 생각과는 다르게 동서남북 맘대로 나타나고 ㅋ

스타일시트도 함께 공부를 해야하니, 아후~~죽겠습니다.

DIV로 레이아웃 주무르기 교육자료좀 누가 만들어주세요 ㅜㅜ

아침부터 커피하고 담배에 시달리는 주말입니다.

댓글 8개

지운아빠 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(203.♡.♡.46)

12.02.25 10:05:10

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

웹프리존 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(124.♡.♡.85)

12.02.25 10:32:09

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

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>

neisii 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

(221.♡.♡.138)

12.02.25 10:38:41

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

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 속성에 관한 것