div 나 table 로 좀 나눠주세용 ..

다름이 아니라 첨부한 사진처럼 테이블을 나누려는데 자꾸만 이상하게 되서
여러분들에게 도움을 청합니다 ㅠㅠ
테이블 구별은 저기 나온 문구처럼 해주시면 감사하겠습니다 ㅠㅠ
여백 공간은 10px 로 해주십시오 ㅠ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
그러다가 원하는대로 안되면 그때 만드셨던 소스와 같이 질문답변 게시판나 네이버 지식같은데 올려보세요... 그래야 공부도되고 합니다..
============================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Untitled Document</title>
</head>
<body style="margin:0;text-alignn:center;">
<div id="bodyWrap" style="margin-left:auto;margin-right:auto;width:1000px;text-align:left;">
<div id="left" style="float:left;width:190px;margin-right:10px;">로그인및스폰서</div>
<div id="right" style="float:left;width:700px;">
<div id="right01" style="margin-bottom:10px;">배너및검색창</div>
<div id="right02" style="float:left;width:226px;margin-right:10px">최신글1</div>
<div id="right03" style="float:left;width:226px;margin-right:10px">최신글2</div>
<div id="right04" style="float:right;width:226px;">최신글3</div>
</div>
</div>
</body>
</html>
===========================
대략이렇게 나오는데요~
id=bodyWrap 가 익스(5/6)에서는 나머지 div를 감싸고 있는데,
다른 브라우저에서는 가로폭과 중앙정렬 제어만 하는군요.
<div id="bodyWrap" style="margin-left:auto;margin-right:auto;width:1000px;text-align:left;">
: bodyWrap라는 이름의 div는 화면에서 지정폭으로 중앙에 위치하며 그 안의 글자의 정렬은 왼쪽기준으로
입니다.
위 2가지를 다 이용해야
몸뚱이는 중앙에 위치할터이고
그 몸뚱이에 보여줄 부분을 bodyWrap라는 div가 위치하겠지요...그 안에서 글자정렬은 왼쪽입니다.