여백문제
큐트
2023.04.01
1. 발생 환경 : OS : windows XP
테스트 브라우저 : IE8,IE10 파이어폭스
비교 브라우저 : (정상적으로 나오는 브라우저)IE8 호환성
2. 문제 발생 URL :
CSS#wrap { background:url(../images/header/gnb_bg.gif) repeat-x 0 109px; line-height:0; position:relative; }
#header { width:930px; margin:0 auto; height:151px; }
#container { width:930px; line-height:16px; margin:0 auto; word-break:break-all; clear:both; border:1px solid red;}
3. 발생 문제에 대한 자세한 기술 :
이런상태입니다. header container에 margin이나 padding값을 준것도 아닌데 여백이생겨요.ie8에서 호환성으로 하면 딱 붙어서 나오구요.container에 border값을 주면 딱 붙게 되긴 하는데요이 여백이 왜 생기는건가요?
