사진에서 보이는 왼쪽 그림대로 보이게끔 div코딩을 하고 싶습니다.
대략적으로 코딩을 마쳤는데 ie에서는 좌측처럼 잘 나오고 있습니다만 ff에서는 우측과 같이 나옵니다.
div //흰배경
div/div //좌측컨텐츠영역
div/div //우측컨텐츠영역
/div
이런식으로 구성이 되어있는 코딩이구요
좌측컨텐츠영역과 우측컨텐츠영역을 각각 float:left로 정렬하였습니다.
문제는 float코드가 css에 들어가면 흰배경이 우측처럼 나온다는 겁니다.(파이어폭스에서만)
그렇다면 이런형식의 코딩은 좌측 컨텐츠영역과 우측 컨텐츠영역의 정렬을 어떻게 진행해야 하는걸까요?
친절한 답변 주시면 감사하겠습니다.
Together 2026.08.02
아~ 네 적용해 보니 잘 해결 되었네요~
수다님 일요일에 정말 감사합니다. ^^
연분홍 2026.08.02
아~ 답변 감사합니다. ^^
많이 배우고 있습니다.
슬예 2026.08.02
#흰배경 {overflow:auto;} 해줘도 됩니다.
거늘 2026.08.02
float을 clear:both로 해제해주시거나
float영역을 감싸주는 외부 영역에 overflow:hidden을 적용해 주시면 될거에요.