수다닷컴

사실 위의 레이아웃은 테이블 코딩으론 쉬웠는데 중간의 이미지는 셀을 합져주기만 하면 되는건데..
이건 div로 짤려니까 머리가 나쁜지 도저히 안되네요..ㅠㅠ

근데 왜 드림위버랑 internet explorer랑은 다르게 나올까요?
드림위버에서는 go가 적힌 왼쪽 박스 4번째 밑의 공간은 왜 떨어져서 보일까요? ㅠㅠ internet explorer에서는 딱 붙어서 나오는데..ㅠ
크롬 브라우져로 열어봐도 internet explorer랑 똑같이 나오던데 드림위버에서만..ㅠㅠ

제가 코딩은 이렇게 했거든요..ㅠㅠ

html
head
title연구원길라잡이/title
style
body{margin:0; padding:0; width:100%; border:1;}
li{list-style-type:none; display:block;}
#topline{margin:0; padding:0; background:url(top_line.gif); height:5px;}
#divbox1{margin:0 auto; padding:20px 0 0; text-align:center; width:697px; height:80px;}
#divbox1 ul{margin:0; padding:0;}
#divbox1 ul li{margin:0; padding:0; width:232px; height:72px; float:left;}
#divbox2{margin:0; padding:0; width:232px; height:143px;}
#divbox2 ul{margin:0; padding:0;}
#divbox2 ul li{margin:0; padding:0; width:232px; height:72px; float:left;}
#divbox3{margin:0 auto; padding:71px 0 0; text-align:center; width:697px; height:80px;}
#divbox3 ul{margin:0; padding:0;}
#divbox3 ul li{margin:0; padding:0; width:232px; height:72px; float:left;}
/style
/head
body
div id=topline/div
div id=divbox1
ul
liimg src=1.gif //li
liimg src=2.gif //li
liimg src=3.gif //li
liimg src=4.gif //li
liimg src=5.gif //li
liimg src=6.gif //li
li
div id=divbox2
ul
liimg src=7.gif //li
liimg src=10.gif //li
/ul
/div
/li
liimg src=8.gif width=233 height=143//li
li
div id=divbox2
ul
liimg src=9.gif //li
liimg src=11.gif //li
/ul
/div
/li
li
div id=divbox3
ul
liimg src=12.gif //li
liimg src=13.gif //li
liimg src=14.gif //li
/ul
/div
/li
/ul
/div
/body
/html

-------------------------------------------------------------------------------------------------------------------못난놈 좀 도와주사와요..ㅠㅠ 이거 제가 이번에 div공부하믄서 혼자서 직접 짠거예요..ㅠㅠ

신청하기