한창 코딩중에 문제가 생겼습니다.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
소린
게시물: 15
참여됨: 2005 10 13 17:35 07
연락:

한창 코딩중에 문제가 생겼습니다.

게시물 작성자 소린 » 2006 01 19 11:03 47

한창 웹표준에 관심을 가지고
IE와 FF에서 모두 잘 보이게 만들기 위해 코딩을 하기 시작했는데 문제가 생겼습니다.
(div로 코딩하였습니다.)

IE 에서 볼때
http://neoarre.ncity.net/bbs/data/hieru/ie_div.PNG

FF 에서 볼때
http://neoarre.ncity.net/bbs/data/hieru/ff_div.PNG

(이미지가 크므로 주소만 남겨둡니다)

보시는것 처럼, IE에서 볼땐 div 안의 내용이 늘어나면 아랫쪽 부분이 내용에 맞게
늘어나는데
FF에서는 div안의 내용이 빠져나와 버립니다.

물론 IE가 잘못된것이겠지만, 도무지 해결책이 나오질 않네요.
(웹표준을 알게 된지도 얼마 안됐고..)

css파일을 수정해주는것 같긴 한데, 어디를 건드려 줘야 할지 감이 안잡힙니다.

코드는 따로 보여드리지는 않겠습니다만,
코드 없이도 해결될 문제일 것 같아, 올립니다.

유저 아바타
deute
게시물: 1
참여됨: 2006 01 16 14:47 50
위치: 지구
연락:

게시물 작성자 deute » 2006 01 19 11:26 28

상위 DIV 에 HEIGHT값을 설정 해준경우
하위 DIV이 높이가길어진다고 상위DIV의 높이가 자동으로 길어지지 않는게 맞습니다.

float으로 정렬해준경우 그 상위의 div 의 높이는 하위컨텐츠 높이의 영향을받지않더군요;
이것에 대한 현석님의 archive가 있습니다.
http://hyeonseok.com/home/archive_css.p ... FloatBoxes

소린
게시물: 15
참여됨: 2005 10 13 17:35 07
연락:

게시물 작성자 소린 » 2006 01 19 12:04 58

지금 뭘 어떻게 해야 할지 모르겠네요.

저 튀어나오는것(...)만 제외하면 문제가 없는 모습을 유지하고 있는데

내용이 길어지면 가로든 세로든 무조건 나오고 보니,
뭘 어떻게 해야 할지 모르겠군요.
본문과 관련되어 있는 height를 모두 지워보기도 하고 했지만
여전히 해결이 되지 않고 있습니다.

http://neoarre.ncity.net/bbs/data/hieru/azland_div.PNG

크게크게 잘라서 대충 이러한 구조를 가지고 있습니다만.
(세세하게 들어가면 한도 끝도 없지만-_-;;)

골칫거리네요. 웹표준으로 제대로 된 홈페이지를 만들어 보기는 이번이 처음인데.

유저 아바타
hyeonseok
해커
해커
게시물: 690
참여됨: 2004 08 11 22:14 59
연락:

게시물 작성자 hyeonseok » 2006 01 19 13:40 04

IP를 알려주시면 더 확실하게 말씀 드릴 수가 있는데...

footer에 clear: both; 를 한번 시도해 보세요.

소린
게시물: 15
참여됨: 2005 10 13 17:35 07
연락:

게시물 작성자 소린 » 2006 01 19 15:01 51

본문에

코드: 모두 선택

<p>~</p>
로 텍스트를 입력하지 않으면 저런 오류가 생긴다고 쓰지 않았군요.

원래 그렇게 되는건가요?

여튼 올려주신 글 보고 잘 해결 했습니다 ^^;

자세히 들여다 보니 clear:both;를 빼먹고 안넣었더군요;

감사합니다 :)

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 0 손님들