div 나 table 로 좀 나눠주세용 .. 정보
div 나 table 로 좀 나눠주세용 ..
본문
다름이 아니라 첨부한 사진처럼 테이블을 나누려는데 자꾸만 이상하게 되서
여러분들에게 도움을 청합니다 ㅠㅠ
테이블 구별은 저기 나온 문구처럼 해주시면 감사하겠습니다 ㅠㅠ
여백 공간은 10px 로 해주십시오 ㅠ
추천
0
0
댓글 8개
엑박이에요~
다시 올렸어용.ㅎ
이렇게 만들어 달라기보다는 나모 혹은 드림위버를 써서라도 직접 만들어 보셔야 실력이 늘어요..
그러다가 원하는대로 안되면 그때 만드셨던 소스와 같이 질문답변 게시판나 네이버 지식같은데 올려보세요... 그래야 공부도되고 합니다..
그러다가 원하는대로 안되면 그때 만드셨던 소스와 같이 질문답변 게시판나 네이버 지식같은데 올려보세요... 그래야 공부도되고 합니다..
div 6개(각각에 끼워넣는게 있을 경우 최대 11개)만 있으면 됩니다.
div로 해봤더니
============================================
<!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>
===========================
대략이렇게 나오는데요~
============================================
<!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 부분은 전체적으로 가로폭 설정과 중앙정렬을 위한 장치인가요?
id=bodyWrap 가 익스(5/6)에서는 나머지 div를 감싸고 있는데,
다른 브라우저에서는 가로폭과 중앙정렬 제어만 하는군요.
id=bodyWrap 가 익스(5/6)에서는 나머지 div를 감싸고 있는데,
다른 브라우저에서는 가로폭과 중앙정렬 제어만 하는군요.
<body style="margin:0;text-alignn:center;"> : 몸뚱아리는 마진없이 화면 가운데로
<div id="bodyWrap" style="margin-left:auto;margin-right:auto;width:1000px;text-align:left;">
: bodyWrap라는 이름의 div는 화면에서 지정폭으로 중앙에 위치하며 그 안의 글자의 정렬은 왼쪽기준으로
입니다.
위 2가지를 다 이용해야
몸뚱이는 중앙에 위치할터이고
그 몸뚱이에 보여줄 부분을 bodyWrap라는 div가 위치하겠지요...그 안에서 글자정렬은 왼쪽입니다.
<div id="bodyWrap" style="margin-left:auto;margin-right:auto;width:1000px;text-align:left;">
: bodyWrap라는 이름의 div는 화면에서 지정폭으로 중앙에 위치하며 그 안의 글자의 정렬은 왼쪽기준으로
입니다.
위 2가지를 다 이용해야
몸뚱이는 중앙에 위치할터이고
그 몸뚱이에 보여줄 부분을 bodyWrap라는 div가 위치하겠지요...그 안에서 글자정렬은 왼쪽입니다.
감사합니다. 좋은 지식 얻어갑니다.^^
