CSS3 레이아웃 구성질문..
본문
사진처럼.. 새로 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
답변 1
두가지 방법이 생각나는데요 일단은요
첫번째는 갈색박스와 파랑박스를 div로 둘러서 100%가로 설정 해보심은 어떠신지요
두번째는 clear:both를 활용하는방법두 있습니다.
답변을 작성하시기 전에 로그인 해주세요.