묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css 기본적인거 질문요
2009.09.20 13:42
위의 그림처럼 창의 크기를 줄였을때 텍스트가 같이 따라서 위치가 이동되게 하려면
css상에 어떤 속성을 주어야 할까요? width를 100%로 하려니 가운데 정렬의 고정width 페이지라...안되겠고 ㅠㅠ
문제가 되는 부분의 HTML소스와 CSS 부분의 소스를 같이 올려주셔야 잘못된 부분을 찾아 드리지요...
어떠한 용도로 사용하실지를 알아야 정확한 답변을 드립니다.,, 위 질문으로는 아래와 같이밖에 답변이 않된다는...
<style> #box { padding:3px; border:#000000 solid 1px; *zoom:1; } /* *zoom = ie6.7 Hack = float:left */ #box:after { #leftbox:""; clear:both; display:block; } /^아래로 늘어나지 않는 문제*/ #leftbox { float:left; } /*좌정렬*/ #rightbox { float:right; } /*오른쪽*/ #rightbox .s { display:block; border:#000000 solid 1px; float:left; padding:0px 4px; } </style> <div id="box"> <div id="leftbox"></div> <div id="rightbox"> <div class="s"> 메뉴1 </div> <div class="s"> 메뉴2 </div> <div class="s"> 메뉴3 </div> <div class="s"> 메뉴3 </div> </div> </div>참고페이지 : http://www.xehome.net/xe_info [새창]
답변을 위해 급히 확인해볼려구 만든것이라 위 페이지 아랫쪽에서 확인하세요....
답변이 채택되면 위 사이트 예제는 삭제하도록 하겠습니다...
브라우져 좌우로 움직여 보면 움직이는것이 보일것입니다,.,,
XE 페이지에서 확인 했습니다..