css - 图像对齐 :left causes text overflow in IE

标签 css internet-explorer fckeditor

当内联图像左对齐或右对齐时,我遇到了列内文本溢出的问题。这很难描述,所以我在 http://alaskalegion.com/dev/test.php 创建了一个示例页面

这只出现在 IE6 和 IE7 中。关于如何解决这个问题有什么想法吗?

我在生成这些的后端使用 fckeditor。

最佳答案

您需要确保 p 标签环绕图像,以便其他段落位于图像的上方和下方。我现在不能测试它,但我通常在周围的 block (段落)上使用 overflow:hidden,我认为对于 IE,你需要像 zoom:1 这样的东西.

顺便说一句,你能不能去掉内联“align:left”并在外部样式表中用 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;
}

(我不知道你是否需要 p 选择器,我只是想在没有看到你的代码的情况下定位正确的图像)

关于css - 图像对齐 :left causes text overflow in IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4446079/

相关文章:

html - 使用 % 获取父维度的 css 问题

html - 如何在 css 中显示一个显示超额完成(超过 100%)的进度条?

internet-explorer - 如何在 Internet Explorer(7 和 8 Beta 2)中删除(不禁用)ActiveX 加载项?

javascript - 在调用提交之前从 fckeditor 设置表单值

html - 我怎样才能阻止我的 div.content 与我的标题重叠?

css 菜单左对齐不会有 100% 的宽度

javascript - IE Onblur 和焦点问题

javascript - 如何在 vbscript 或 javascript 中关闭 Internet Explorer 的当前选项卡

licensing - 是否可以在商业网站中使用 CKEditor?

javascript - Ckeditor工具栏按钮,你如何获得一个按钮来包装标题标签