Mozilla 한국 커뮤니티

한창 웹표준에 관심을 가지고
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파일을 수정해주는것 같긴 한데, 어디를 건드려 줘야 할지 감이 안잡힙니다.

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

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

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

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

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

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

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

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

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

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

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

본문에 로 텍스트를 입력하지 않으면 저런 오류가 생긴다고 쓰지 않았군요.

원래 그렇게 되는건가요?

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

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

감사합니다 :)