html5 DTD선언으로 인한 여백
갈기슭
html5에 맞춰 DTD를 선언했습니다.
근데 문제는 아래 이미지처럼 띄어쓰기하면 여백생기듯이 회색라인 안쪽으로 여백이 생긴다는 겁니다.
height을 주면 없어지긴 하나 모든 것에 height를 줄 수도 없고, css 초기화 할 수 있는 방법이 있을까요?
!DOCTYPE html!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd참고로 제가 사용하고 있는 CSS 초기화 입니다.
body {margin:0;padding:0;background-color:#fff;}
hr {display:none;clear:both;}
img,fieldset {border:0 none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;border:0 none;}
form, p {margin: 0px;}
button {margin:0;padding:0;border:0 none;background:transparent;*overflow:visible;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a:link {color:#3366cc;text-decoration:none;}
a:visited {color:#3366cc;text-decoration:none;}
a:active {color:#3366cc;text-decoration:none;}
a:hover {color:#2850a2;text-decoration:none;}
body,table,th,td,input,select,textarea,div {
font-family: 굴림,verdana;
font-size: 12px;
color: #333;
font-style: normal;
line-height:18px;
margin:0;
word-spacing:-1pt;
word-break:break-all;
}
-
MyWay
img 에 vertical-align:top; 을 줘보세용.. 아님 display:block;