염치없이 또 질문하나 드려봅니다.(div) 정보
염치없이 또 질문하나 드려봅니다.(div)
본문
저번에 말러83님, TopSchooL님, 청춘불안정님의 도움으로,
div 코딩을 하고 있는데요.
막히는 부분이 있어서 염치없이 또 질문드립니다.ㅜ
table코딩시에는 내용들어가는 부분에 기본높이값을 지정해주면,
내용이 길어지면 하단 카피라이트 부분이 내용 아래에 유지되는데요.
div 코딩을 해보니깐 ..
익스플로어에서는 table 과 같이 카피라이트가 정상적인 위치에 있는데..
다른 브라우저에서는 기본 높이값 바로아래 카피라이트가 있어서,
길어진 내용부분하고 겹쳐서 나오네요;;;
일반 페이지는 그냥 높이값 정해서 하면 되는데 게시판페이지일경우,
상세보기 페이지 높이를 어떻게 정해야될지 막막하네요 ㅠㅠ
이것만 해결하면 다 될거 같은데 계속 막히네요//
그누 회원님들 아시는분은 답변부탁드립니다. ^^ 즐거운 주말 보내세요 ^^
추천
0
0
댓글 6개
아래소스 참고해 보세요. 세로값이 자동으로 늘어나게 하시려면 position값을 relative로 해보세요.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>test</title>
<style type="text/css">
<!--
body { font-family:Tahoma,굴림; font-size:9pt; color:#000; }
#round { position:absolute; width:600px; }
#round_in1 { position:relative; width:600px; }
#round_in2 { position:relative; width:600px; }
//-->
</style>
</head>
<body>
<div id="round">
<div id="round_in1">
내용1<br />
내용1<br />
내용1<br />
내용1<br />
</div>
<div id="round_in2">
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
</div>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>test</title>
<style type="text/css">
<!--
body { font-family:Tahoma,굴림; font-size:9pt; color:#000; }
#round { position:absolute; width:600px; }
#round_in1 { position:relative; width:600px; }
#round_in2 { position:relative; width:600px; }
//-->
</style>
</head>
<body>
<div id="round">
<div id="round_in1">
내용1<br />
내용1<br />
내용1<br />
내용1<br />
</div>
<div id="round_in2">
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
내용2<br />
</div>
</div>
</body>
</html>
position:relative 를 쓰면 되는군요~
근데 또 문제가 그걸 써버리면...
확대 축소가 안먹히지 않나요??
근데 또 문제가 그걸 써버리면...
확대 축소가 안먹히지 않나요??
무슨 확대 축소를 말씀하시는건가요?
+, - 버튼 넣어서 눌렀을때 페이지 전체가 확대, 축소 되는거요~
눈가리고 아웅식으로 만들었다가 그게 어느 부분만 안되길레
확인해보니까 position 값이 들어가면 안되더라구요~
헛다리 짚었나;;; 다른이유일수도 있어요 ㅎㅎ
눈가리고 아웅식으로 만들었다가 그게 어느 부분만 안되길레
확인해보니까 position 값이 들어가면 안되더라구요~
헛다리 짚었나;;; 다른이유일수도 있어요 ㅎㅎ
div할 때에는 본문이 가변적인 것을 감안하여, float 을 먹지 않고 있는 본문용 div가 하나 있어야 합니다. 이것이 내용에 맞게 길어지면 하단부의 div를 자연스럽게 밀어낼 수 있지요.
그리고 http://code.google.com/p/web-engineering-class/downloads/detail?name=3.CSSLayout.pdf&can=2&q= 이 문서를 참고하시면 div layout에 많은 도움이 될 것이라 생각합니다ㅎㅎ
그리고 http://code.google.com/p/web-engineering-class/downloads/detail?name=3.CSSLayout.pdf&can=2&q= 이 문서를 참고하시면 div layout에 많은 도움이 될 것이라 생각합니다ㅎㅎ
東問西答님 홍구님 답변 감사드립니다.
많은 도움 되었습니다.^^
저는 아직 갈길이 머네요 ㅎㅎ
많은 도움 되었습니다.^^
저는 아직 갈길이 머네요 ㅎㅎ
