为什么这不适用于Opera？ [英] Why doesn't this work in Opera?

问题描述

嗨


我想知道为什么我的横向导航列表不会像在IE6中那样在Opera中留下的

对齐， IE7，Safari，Firefox和iCab？


两个水平列表的URL都在这里：


< http：// www .patrickjames.me.uk / bicycle / mymoultons.html>


Hello的链接应该与My Moultons的链接对齐和

这两个应该与

网页主要部分的文字一致。


CSS是这里：


< http://www.patrickjames.me.uk/mylifestyles.css>


身体的字体大小是100％，但在导航列表中它是

减少到80％和70％。


文本主要部分的最大宽度是42em和第一个导航列表的最大宽度

是80％的文本大小是52.5em，第二个导航列表的最大宽度是

，70％的文本尺寸是60em。


这样，除了Opera之外，每个浏览器都会产生完美的对齐方式。

尝试除了Opera。


另外IE6还有专门针对它的条件注释，它在一个单独的样式表中有固定宽度声明。


-

Patrick

英国布莱顿


< http://www.patrickjames.me.uk>

Hi

I''m wondering why my horizontal navigation lists don''t align at the
left in Opera as they do in IE6, IE7, Safari, Firefox and iCab?

A URL with both of the horizontal lists is here:

<http://www.patrickjames.me.uk/bicycle/mymoultons.html>

The link for "Hello" should align with the link for "My Moultons" and
both of these should align with the text in the main part of the
web-page.

The CSS is here:

<http://www.patrickjames.me.uk/mylifestyles.css>

The font size for the body is 100% but in the navigational lists it is
reduced to 80% and 70%.

The max-width for the main part of the text is 42em and the max-width
for the first navigational list is with 80% text size is 52.5em, the
max-width for the second navigational list with 70% text size is 60em.

This produces perfect alignment on the left with every browser I''ve
tried except Opera.

As an aside IE6 has a conditional comment specifically for it which has
fixed width declarations in a separate style-sheet.

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

推荐答案

patrick j< pa ***** @jamesnews.orangehome.co.ukwrote：

patrick j <pa*****@jamesnews.orangehome.co.ukwrote:

news ： 00 *** **************************@News.Individual.Ne t

嗨


我想知道为什么我的水平导航列表不能与Opera中剩下的

对齐，就像在IE6，IE7，Safari，Firefox和iCab中一样？

news: 00*****************************@News.Individual.Ne t
Hi

I''m wondering why my horizontal navigation lists don''t align at the
left in Opera as they do in IE6, IE7, Safari, Firefox and iCab?

minium字体大小

[snip]

minium font size
[snip]

字体大小身体是100％，但在导航列表中，它是b $ b减少到80％和70％。

The font size for the body is 100% but in the navigational lists it is
reduced to 80% and 70%.

>

文本主要部分的最大宽度为42em，最大宽度为是80％文本大小是52.5em，第二个导航列表的最大宽度为70％，文本大小为70％是60em。

>
The max-width for the main part of the text is 42em and the max-width
for the first navigational list is with 80% text size is 52.5em, the
max-width for the second navigational list with 70% text size is 60em.

我的网页普通文本= 14px

我的最小字体大小= 14px

nav001建议字体大小11.2px ，我的字体大小14px

nav002建议字体大小9.8px，我的字体大小14px


nav001 max-width = 52.5em，宽于42em
nav002 max-width = 60em，宽度比42em

My Webpage Normal text = 14px
My minimum font size = 14px
nav001 suggest font size 11.2px, my font size 14px
nav002 suggest font size 9.8px, my font size 14px

nav001 max-width = 52.5em, wider then 42em
nav002 max-width = 60em, wider then 42em

这样就可以在每个浏览器的左边产生完美的对齐方式我已经
$除了Opera之外，b $ b尝试过。

This produces perfect alignment on the left with every browser I''ve
tried except Opera.

此示例在我的FF中与我的Opera有相同的问题，因为相同的

原因。

建议修复：

将UL上的字体大小保留为100％，设置最大宽度以匹配

您的mainstuff最大宽度。如果您希望建议字体大小为
80％/ 70％，请将其设置为UL LI，然后进行调整即可。

需要其余的of css。


-

BootNic 2006年11月25日星期六下午11:03


它众所周知，避免问题是指避免问题。是解决问题的一个重要部分。而不是解决问题，你上游和

改变系统，以便在第一个

的地方不会出现问题。

* Edward de Bono *

This sample has the same issues in my FF as my Opera for the same
reason.

Suggested fix:
leave the font-size on the UL at 100%, set the max-width to match
your mainstuff max-width. If you wish to suggest a font-size of
80%/70%, set it on the UL LI, then make what ever adjustment you may
need to the rest of the css.

--
BootNic Saturday, November 25, 2006 11:03 PM

It is well known that "problem avoidance" is an important part of
problem solving. Instead of solving the problem you go upstream and
alter the system so that the problem does not occur in the first
place.
*Edward de Bono*

BootNic写道：

BootNic wrote:

我的网页普通文本= 14px

我的最小字体大小= 14px

nav001建议字体大小11.2px，我的字体大小14px

nav002建议字体大小9.8px，我的字体大小14px


nav001 max-width = 52.5em，宽度大于42em

nav002 max-width = 60em，宽度大于42em

My Webpage Normal text = 14px
My minimum font size = 14px
nav001 suggest font size 11.2px, my font size 14px
nav002 suggest font size 9.8px, my font size 14px

nav001 max-width = 52.5em, wider then 42em
nav002 max-width = 60em, wider then 42em

首先，谢谢你的帮助。当人们的浏览器设置为最小字体大小时，我没有意识到我遇到了问题

。我现在已经用FireFox检查了这个，当然我看到如果设置了最小的

字体大小，那么就像你所描述的那样出错了:)


你已经指出了一个我不知道的问题。但是我不认为

这一定是Opera的问题，尽管它可能是。

Well firstly, thank you for your help. I didn''t realise I had a problem
when people''s browsers are set with a minimum font-size. I''ve now
checked this out of course with FireFox and I see that if a minimum
font-size is set then all goes wrong as you''ve described :)

You''ve pointed out a problem I didn''t know I had. However I don''t think
this is necessarily the problem with Opera, though it might be.

此示例具有相同的问题在我的FF作为我的歌曲同样

的原因。

This sample has the same issues in my FF as my Opera for the same
reason.

奇怪的是，虽然在Firefox中设置了

，但最小尺寸完全如人们预期的那样在

Opera中以同样合乎逻辑的方式出错了。


在更改它之前，我抓住了Opera浏览区域的屏幕抓取：

< http://www.patrickjames.me.uk/operaview.png>


第一个带有链接Hello的导航列表因为第一项是

缩进，因为人们期望使用最小字体大小设置，

中的字体是80％，因此添加了额外的ems来对齐它

文本的正文，所以如果用浏览器查看最小的b / b $ b字体大小，那么它将缩进。

然而，下一个导航列表中包含第一个项目My Moultons将

字体设置为70％，所以我希望它进一步缩进，但它不是b $ b，它是缩进的，但不是同样多。


我的案件反对中的另一点具有最小字体大小的Opera

是问题，因为你在图片中看到的字体缩放为我自己的样式表中描述的

，所以它建议Opera不是定义最小字体大小的b $ b。


我很害怕我对Opera浏览器一无所知而且我''已经

查看pref'的最小字体大小设置，但我找不到

它。它可能存在并且非常明显但是目前我看不到

它。

The strange thing is that while it was going wrong in Firefox set with
the minimum size exactly as one would expect it wasn''t going wrong in
Opera in the same logical way.

Before changing it I took this screen grab of the area viewed in Opera:
<http://www.patrickjames.me.uk/operaview.png>

The first navigational list with the link "Hello" as first item is
indented as one would expect with a minimum font-size set, the font in
that is 80% and so extra ems were added to align it with the body of
the text, so if it is then viewed with a browser with a minimum
font-size then it will be indented.

However the next navigation list with first item "My Moultons" has the
font set to 70% and so I''d expect it to be indented yet further, but it
isn''t, it is indented, but not as much.

The other point in my "case against" Opera with a minimum font-size
being the problem is that the fonts as you see in the pic are scaled as
described in my own style-sheet, so it suggests that Opera is not
defining a minimum font-size.

I''m afraid I''m very ignorant about the Opera browser and I''ve been
looking at the pref''s for a minimum font-size setting but I can''t find
it. It could be there and very obvious but for the present I can''t see
it.

建议修复：

将UL上的字体大小保留为100％，设置最大宽度以匹配

您的mainstuff最大宽度。如果您希望建议字体大小为
80％/ 70％，请将其设置为UL LI，然后进行调整即可。

需要其余的的css。

Suggested fix:
leave the font-size on the UL at 100%, set the max-width to match
your mainstuff max-width. If you wish to suggest a font-size of
80%/70%, set it on the UL LI, then make what ever adjustment you may
need to the rest of the css.

我试过这个，但是由

UL创建的网页上的水平线会变得太胖。奇怪的是，这将以不同浏览器的变量

的方式发生。


暂时我已设置不同块的最大宽度
使用px讨论的
元素，我知道它不比em更理想，但是

确实解决了这个特殊问题。当我有机会时，我会彻底调查这个更多的

。


-

Patrick
英国布莱顿


< http://www.patrickjames.me.uk>

I tried this, but the horizontal lines on the web-page created by the
UL would become too fat. Oddly enough this would happen in a variable
way with different browsers.

For the time being I''ve set the max-width for the different block
elements discussed using px which I know is less ideal than em but it
does sort out this particular problem. I''m going to look into this more
thoroughly when I get chance.

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

在文章< 00 ***************************** @ News.Individual.N et>，
pa*****@jamesnews.orangehome.co.uk 说......


工具首选项高级字体|最小字体大小

-

请访问 -

节水小贴士： http://graspages.cjb.cc/bigdry/

In article <00*****************************@News.Individual.N et>,
pa*****@jamesnews.orangehome.co.uk says...

Tools Preferences Advanced Fonts | Minimum Font Size
--
Please visit -
Water saving tips: http://graspages.cjb.cc/bigdry/

这篇关于为什么这不适用于Opera？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！