묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 제작시 처음 테이블 사용 문제
2007.09.15 23:55
레이아웃을 이용해서 홈페이지를 만들고 있는데..
아직 div 는 익숙치 않고 해서.. 테이블을 이용해서 디자인을 하는데요..
레이아웃에서.. 처음..<table .....>을 사용하면 맨위 상단에 여백이 15px 정도 나타납니다.
처음에는 이것이 공백값이 들어간줄 알고.. 이리 저리 css를 찾아서 수정 해 보고 했는데..
아무래도..
<body>
<table ......>
이런식으로 레이아웃이 만들어 지면 테이블 위에 공백이 생기는 듯해요.
다른 요인일수도 있겠지만..
<body>
<img .......>
위와 같이 이미지를 먼저 넣으면 상단 공백이 없이 이미지가 위에 착 달라 붙기 때문에.
다른 요인 보다는 처음에 테이블을 쓰면 나타나는것 같은데..
레이아웃 처음에.. css랑 js를 임포트 하는 것을 적어서 그런것인지... 이거 정말 원인을 알기 힘드네요..
테이블을 포기하고 만들기도 어렵고....
저와 같은 경험 있으신 분이나 제가 혹 놓치고 있는것이 있으면 알려주세요~
꼭 해결해야 하는데.. 답답하네요..ㅡ.ㅜ
아직 div 는 익숙치 않고 해서.. 테이블을 이용해서 디자인을 하는데요..
레이아웃에서.. 처음..<table .....>을 사용하면 맨위 상단에 여백이 15px 정도 나타납니다.
처음에는 이것이 공백값이 들어간줄 알고.. 이리 저리 css를 찾아서 수정 해 보고 했는데..
아무래도..
<body>
<table ......>
이런식으로 레이아웃이 만들어 지면 테이블 위에 공백이 생기는 듯해요.
다른 요인일수도 있겠지만..
<body>
<img .......>
위와 같이 이미지를 먼저 넣으면 상단 공백이 없이 이미지가 위에 착 달라 붙기 때문에.
다른 요인 보다는 처음에 테이블을 쓰면 나타나는것 같은데..
레이아웃 처음에.. css랑 js를 임포트 하는 것을 적어서 그런것인지... 이거 정말 원인을 알기 힘드네요..
테이블을 포기하고 만들기도 어렵고....
저와 같은 경험 있으신 분이나 제가 혹 놓치고 있는것이 있으면 알려주세요~
꼭 해결해야 하는데.. 답답하네요..ㅡ.ㅜ
자문 자답이네요..
테이블을 div 로 감싸 주니 해결되는군요..
<div id=bodyWrap><table >내 용</table><div> 으로 감싸주시고..
연결되어 있는 css파일에..
#bodyWrap { position:absolute; margin:0 auto; padding:0;}
다음과 같이 해주니 상단 여백을 해결할수 있었습니다.
다른 방법도 가능할지 모르지만 아무튼.. 여러 가지 시도 끝에 해결했네요.
다른 더 좋은 방법 있으면 또 알려주세요.