테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

CSS3 레이아웃 구성질문.. 채택완료

필드 11년 전 조회 6,271
답변 1
목록
1.png

3.PNG

사진처럼.. 새로 DIV를 만들면 자꾸 옆으로가려고하네요 ㅠㅠ 갈색박스 밑으로갔으면하는데..

그리고  margin:auto; float:left 이두가지를 같이쓰면 가운데정렬이안되네요 ㅠㅠ 되게하는방법이없을까요?



소스

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>
</head>

<body>
<div id="w" style="width:950px; height:1150px; background:#999; margin:auto"> <!--전체 디자인 시작 -->
    <div id="head" style="width:950px; height:80px; background:#6C6">
        </div>
        
         <div id="login" style="width:200px; height:300px; background:#960; margin-left:10px; margin-top:10px; margin-right:10px; float:left"> <!-- 로그인 박스 -->
         </div>
         
         <div id="img" style="width:720px;; height:300px; background:#39F; margin-top:10px;  float:left">
         </div> <!-- 이미지박스 -->
         
         <div id="game1" style="400px; height: 300px; background:#C99; margin-right:30px;">

        </div>
        
    
    
    
    
</div><!--전체 디자인 끝 -->


</body>
</html>




#css
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
z
zerox
11년 전
두가지 방법이 생각나는데요 일단은요
 
첫번째는 갈색박스와 파랑박스를 div로 둘러서 100%가로 설정 해보심은 어떠신지요
 
두번째는 clear:both를 활용하는방법두 있습니다.
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인