ie6,7 과 ie8,파폭,오페라 li단락문제...
이퓨리한나
아는 것이 없어 항상 얻어만 가는 유저입니다.(__)
우선 코드는요...!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
/head
body
div style=width:800px;
ul style=list-style:none;
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
li style=float:left;가나다라마바사아자차/li
/ul
/div
/body
/html위와 같습니다.
이를ie6,ie7에서(IETester) 확인한 결과
위와 같이 출력되며ie8,오페라,파폭에서 보면
이렇게 단락이 맞습니다.
텍스트를 영어나 숫자로
바꾸면 6,7에서도 단락이 맞지만 한글텍스트만 저렇게 나오네요...
아시는 분들의 답변을 기다립니다...
-
CutieBaby
글꼴 지정을 안해 주셔서 ie6,7과 ie8,ff,오페라 브라우저의 기본 글꼴에서 차이가 나는 것 같습니다.
ie6,7은 글꼴이 800px을 넘어가서 틀어지는 현상이고요
ie8,ff,오페라는 800px을 넘지 않아서 한줄로 나타나는 현상입니다.
800px을 넘는다면 ie8,ff,오페라도 ie6,7과 같은 현상이 일어날 것이고요. -
이슬비
한참 찾았는데~감사합니다
-
제철
아아아... 한가지 더 배워갑니다...
white-space:nowrap;...
감사합니다.
복받으실거에요.