OPERA CSS Float问题：左; [英] Problem with OPERA CSS Float:left;

问题描述

在IE7，FF，Chrome和Safari中，一切看起来都不错，但在Opera中，我产品页面中其他图片的显示效果很糟糕。


这是一个吸引人的网站使用Opera的外国游客，这很重要。


Opera版本9.64

平台Vista

Zen Cart 1.3.8a


网站网址为 www.limelites.co.uk


FF，IE，SAFARI，CHROME，ETC的屏幕截图：

In IE7, FF, Chrome and Safari, everything looks great but in Opera the display of the additional images in my product page looks awful.

This is a site that does attract foreign visitors who do use Opera, so it does matter.

Opera Version 9.64
Platform Vista
Zen Cart 1.3.8a

Site URL is www.limelites.co.uk

Screenshot in FF,IE,SAFARI,CHROME, ETC:

展开 | 选择 | 换行 | 行号

推荐答案

使用Opera，您需要指定包含元素或图像的高度或宽度，忘记它将执行此操作。

With Opera, you need to specify a height or width to the containing element or the images, forgot which will do it.

我看到了指定宽度会将图像展开，但我的一些广告有2张额外的图片，有些有6张，有些则有3张，4张或5张额外的图片。


指定宽度的问题是它与广告不一致。


所有其他浏览器接受宽度：auto;但Opera似乎并不喜欢这样。


如果我指定宽度：765px;然后它对6个额外的照片有好处，但是带有2个额外照片的广告将图像展开，它们之间有很大的空间。


关于如何解决这个问题的任何想法都将是非常感谢。

I see that specifying width does spread the images out, but some of my ads have 2 additional images, some have 6 and others have 3, 4 or 5 additional images.

The problem with specifying width is that it''s not consistent with the ads.

All other browsers accept width:auto; but Opera doesn''t seem to like that.

If I specify width:765px; then it''s good for the 6 extra pics but ads with 2 extra pics have the images spread out with a huge space between them.

Any ideas on how to remedy this would be greatly appreciated.

是的，我知道。如果单个图像的宽度或高度相同，并且它们看起来是相同的，则设置其中一个或两个，它应该修复它。它是Opera中的一个已知错误（假设它是一个错误，不确定）。


您可以尝试给图像一个边框，看看是否修复它而不设置高度/宽度。您也可以尝试使用封闭元素，只是为了看看有什么好处。

Yes, I know. If the individual images are the same width or height, and they appear to be, set one or both of those and it should fix it. It''s a known bug in Opera (assuming it is a bug, not sure).

You could try giving the images a border and see if that fixes it without setting the height/width. You could try that with the enclosing element, too, just to see what happpens.

这篇关于OPERA CSS Float问题：左;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！