css layout이 이상해요...ㅠ..ㅠ...

css layout이 이상해요...ㅠ..ㅠ... 정보

css layout이 이상해요...ㅠ..ㅠ...

첨부파일

style.css (2.1K) 3회 다운로드 2010-04-22 01:13:58

본문

사이트를 css 메뉴로 바꾸려다가 css 공부를 조금 한김에 전체를 css로 바꾸고 있어요.
우측이 내가 방문한 게시판 같은게 밑으로 흘러내려가 있습니다.
이유가 뭘까요? ㅠ..ㅠ...

http://opencode.co.kr/

아무리 봐도 밑에 있는 이유가 없는데...

css 1일차 입니다.

복사
공유하기

댓글 전체

엠클럽 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.04.22 01:54:48

잘못본건지모르겠는데요


<div id="right" class="right"><==css에 #right가 안보이기도하구여
<table width="100%"><tr><td>

</td></tr></table>

</td></tr></table><==이늠들 한쌍이 안맞는거 아닌가요?
</div>

아빠불당 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

10.04.22 02:47:22

수정이 더 필요하긴 해도, 쌍은 맞구, .right는 이렇게 정의 했어요.

<style type="text/css">
#contents {clear:both; width:1000px; margin-top:8px;}
#contents .left {width:210px; margin-right:10px; float:left;}
#contents .main {width:560px; float:left;}
#contents .right {width:210px; margin-left:10px; float:right;}
</style>

raineye 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.04.22 04:29:49

지금코드는 both:clear 로 float 해제 한 큰 div 안에 float가 left,left,right로 div 하나씩 들어가있는것 같은데요 맞나요?;;

책을 찾아 보니 두 책 다

3단레이아웃의 경우
|-div1-------------------| |div4----|
||div2---- | |div3-------|| |ooooooo|
||ooooooo| |ooooooooo|| |ooooooo|
|---------- ----------- | |ooooooo|
------------------------- ----------

div1- float:left; ------------------ div4 -float:right;
div2 -float:left; --div3- float:right;
을 많이 쓰던데요~(즉, div로 한번 더 감싸서 그 안에 left-right를 줍니다)

그반대로 쓰기도 하지만요(감싸주는 순서를 뒤에것 두개를 감싸줌)

불당님께 맨날 도움만 받는데 이번엔 도움이 되었으면 좋겠습니다~(CSS책공부한지 3일차..)

아빠불당 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

10.04.22 09:46:30

어제 css layout를 만든 사이트를 보니까 제가 했던거 처럼 했던데요? ㅠ..ㅠ...

DTD를 바꾸니까 위치가 올라오기는 하는데, 레이아웃이 다 이상해지네요. ㅠ..ㅠ...

(수정전)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

(수정후)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

딸구 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.04.22 17:00:24

수정하셧나여?

css layout이 이상해요...ㅠ..ㅠ... > 그누4 질문답변

그누4 질문답변