수다닷컴

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
meta http-equiv=imagetoolbar content=no /
meta name=robots content=all,index,follow /
meta name=Distribution content=global /
link rel=stylesheet type=text/css href=./styles.css /
titleTHE STUFF THAT DREAMS ARE MADE OFF/title
/head
body
div id=wrapper
div id=top/div
div id=header
div id=home/div
/div
div id=contenttop/div
div id=sidebarcontainer
div id=sidebarwrapper
div id=sidebartop/div
div id=nav
ul
lia href=#HOME/a/li
lia href=#ABOUT US/a/li
lia href=#HOW TO ORDER/a/li
lia href=#SUBJECT LISTINGS/a
ul
lia href=#Horror/a/li
lia href=#Hollywood Players/a/li
lia href=#British Players/a/li
lia href=#International Players/a/li
lia href=#HIS NIBS MR. SCRATCH/a/li
lia href=#Books/Literary/a/li
lia href=#Antiques/Bric-A-Brac/a/li
lia href=./list.html id=currentJewels (9)/a/li
lia href=#Miscellaneous/a/li
/ul
/li
lia href=#CONTACT US/a/li
/ul
/div
div id=sidebarbottom/div
/div
/div
div id=content
hr class=hidden /
h2jewels List/h2
ul
liListli
liListli
liListli
liListli
liListli
liListli
liListli
liListli
/ul
div style=float: left; margin-top: 20px;pb1/b/p/div
div style=float: right; margin-top: 20px;p[Write] [Logout] [Admin]/p/div
div style=clear: both;/div
요아래로 여백이 생기네요 ㅠ.ㅠ
hr /
div style=margin-top: 20px; text-align: right;/div
br /
/div
div id=bottom/div
/div
div id=footer/div
/body
/html위의 노란부분 입니다.

상위에 float:left, float:right 사용후..

밑에서 clear:both 지정시.. 마진이 생깁니다.

익스6은 괜찮은데 파폭이나 크롬에서 문제입니다.

다른페이지는 괜찮은데 유독 한페이지에서만 그러는데 원인을 못찾겠어요 ㅠㅠcss 내용
#wrapper { width : 822px; text-align : left; background : url(./img/middle.png); margin : 0 auto; padding : 0; } #top { height : 53px; width : 822px; background : url(./img/top.png) no-repeat; } #header { background : url(./img/header.png) no-repeat; width : 822px; height : 120px; } #home { width : 756px; height : 120px; background : url(./img/home.png) no-repeat; padding : 0; margin : 0 0 0 32px; } #contenttop { width : 822px; height : 36px; background : url(./img/contenttop.png) no-repeat; margin-top : 0; padding : 0; } #sidebarcontainer { width : 192px; float : left; } #sidebarwrapper { width : 192px; background : url(./img/sidemiddleleft.png) repeat-y; } #sidebartop { background : url(./img/sidetopleft.png) no-repeat; height : 36px; width : 192px; } #nav { padding-left : 18px; margin-bottom : 24px; padding-right : 0; } #nav ul { list-style : none; margin : 0; padding : 0; } #nav ul ul a { text-indent : 20px; } #nav a { height : 20px; display : block; padding-top : 5px; padding-right : 5px; padding-left : 5px; color : #333333; text-decoration : none; border-bottom : 1px solid #e6e6e6; } #nav a:hover { color : #fafafa; background-color : #b8bc9b; } #nav #current { color : #fafafa; background-color : #b8bc9b; } #sidebarbottom { background : url(./img/sidebottomleft.png) no-repeat; height : 36px; width : 192px; } #content { width : 510px; margin : 10px 0 0 240px; line-height : 200%; } #content ul { list-style : none; margin : 0; padding : 0; } #bottom { background : url(./img/bottom2.png); width : 822px; height : 77px; clear : both; } #footer { width : 770px; height : 50px; border : 0 solid #000000; text-align : right; margin : 0 auto; padding : 0; } .tdheight { height : 50px; } body { line-height : 16px; color : #333; margin : 10px; background : url(./img/bg.png); text-align : center; } body, table, tr, td, select, input, div, form, textarea, font { font-family : Verdana; font-size : 12px; } .new { color : #ff5a00; font-size : 10px; } h1 { list-style-type : none; } h2 { list-style-type : none; color : #727a35; font-size : 16px; } p { line-height : 200%; } fieldset { border : 0; } img { border : none; vertical-align : middle; } .red { color : #ff5a00; } .hidden { display : none; } a:link { color : #333333; text-decoration : none; } a:visited { color : #333333; text-decoration : none; } a:active { color : #333333; text-decoration : none; } a:hover { color : #333333; text-decoration : none; }

신청하기