인라인 이미지가 왼쪽이나 오른쪽으로 정렬 될 때 열 내에서 텍스트가 넘칠 수 있습니다. 설명하기가 어렵 기 때문에 예제 페이지를 만들었습니다. http://alaskalegion.com/dev/test.phpImg 정렬 : 왼쪽으로 인해 IE에서 텍스트 오버플로가 발생합니다.
이것은 IE6과 IE7에서만 발생합니다. 이 문제를 해결하는 방법에 대한 의견이 있으십니까?
나는 이것을 생성하는 백엔드에서 fckeditor를 사용하고 있습니다.
p 태그가 다른 단락이 위 및 아래에 있도록 이미지를 둘러 쌀 수 있도록해야합니다. 지금은 테스트 할 수 없지만 일반적으로 주변 블록 (단락)에 overflow:hidden을 사용하고 IE에 대해서는 zoom:1과 같은 것이 필요하다고 생각합니다. '왼쪽 정렬'과 같은 외부 스타일 시트에서 CSS에 의해 대체 :
, 당신은 인라인을 제거 할수 없어
이#center-column p img {
float: none; // if still necessary...
}
#wide_column p img { // I don´t know what the id of the wide column is...
float: left;
}
(내가 알고하지는 당신은 내가에만 코드) 내가 .news 입국 P {와 IE7에서이 문제를 해결 할 수 있었다
나는 그것이 align = "left"에 의해 발생한다는 것을 안다. 문제는이 콘텐츠가이 페이지에 단일 열 형식으로 표시되고 레이아웃 용도로 분명히 align = "left"가 필요한 전체 페이지에도 나타납니다. align = "left"로 유지하면서이 버그를 일으키지 않는 CSS 트릭이 있습니까? – ChrisOPeterson
죄송합니다, 나는 원래의 답변에서 뭔가를 제거하고 지금은 더 이상 질문에 대답하지 않습니다 ... 나는 그것을 다시 추가/이해가되도록 답변을 변경합니다. – jeroen
달콤한 일. ie6 전용 스타일 시트에서 플로트를 제거하면 문제가 해결되고 레이아웃은 여전히 좋아 보인다. – ChrisOPeterson
를 보지 않고 올바른 이미지를 대상으로 시도하고는
p선택이 필요 \t 오버 플로우 : 숨겨진; } 문제는 여전히 ie6에서 발생합니다. – ChrisOPeterson