가운데정렬에서 위 여백 문제
상1큼한렩
기본적인 레이아웃입니다. dtd종류는
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 이구요.
HTML.
div id=wrap
div id=left_ad
left ad
/div
div id=center_contents
div id=header
header
/div
div id=middle
middle
/div
div id=footer
footer
/div
/div
div id=right_ad
right ad
/div
/div
CSS.
body { text-align:center; }
#wrap { width:1024px; margin:0 auto; text-align:left; }
#left_ad { float:left; width:122px; margin-right:10px; background:red; }
#center_contents { float:left; width:760px; background:yellow;}
#right_ad { float:right; width:122px; background:green; }
body에 마진값 0으로 다줘보고 별짓 다 해봤습니다. 전체 wrap을 float:left로 할때에만 왼쪽상단으로 붙네요.
왜이런지 알고시퍼요. 도와주십쇼. 먼저 글에 다른분들께서 초기화를 해보라고 하셨는데 해도 소용없습니다.
맨 위에 비어있는칸에 커서가 잡히네요. 폰트 드래그 했을때처럼... 꼭 좀 도와주십시오.ㅠ/ㅠ
-
반율하
아닙니다. 수다님,루디님 방법 본문에도 썼는데... 이미 다 해봤는데요. 안돼구요. margin:0; 이문제는 아니네요. 폰트 사이즈를 0으로 했을때 여백이 없어지는걸로 보아서 레이아웃자체를 잘못 짠것 같습니다.
난감하네요. -
가을바람
위의 소스를 그대로 가져다가 body{margin:0; padding:0;} 넣으니 상단에 딱하고 붙네요 ~
올려주신소스만으로는 문제가 무엇인지 알수가없을것같은데요 ~
위에 커서가 잡히는경우에는 css 속성값이 문제가아닌 HTML 코딩페이지 자체에서 무엇인가
문제가 있을듯해요 ~ -
오나미
body, html {margin:0; padding:0;}
-
늘빈
아무래도 제이쿼수다님이 말씀을 하셧는데요~ 스타일 초기화를 않하신것 같아요~
브라우저마다 마진과 패딩값등이 먹는값들이 틸려서 대부분 0을 해주고 시작하도록 하자나요~
그런관계가 아닐까 살짝 얘기해봅니다~ -
하나
body{margin:0} 선언해보세요. 맞는 답변일지는 모르지만 body도 하나의 block이라고 봤을때 브라우저마다 미리 선언된 body의 margin초기값이 있어서 공백이 생기는걸루 알고있고요 wrap div를 float 시켯을때는 자기공간을 잊어버린채로 부모요소의 위치와 상관없이 오버랩되서 바디영역과 상관없이 왼쪽에 붙는것같아요.