这会让W3C人疯狂吗？ [英] does this drive the W3C people nuts?

问题描述

http://users.alwaysaccess.nl/~bemep /css/test.html


这是一个模仿

位置行为的有趣技巧：固定。


我无法使用position：fixed，因为IE不支持它。


这个技巧让每个图形浏览器都失败了（样式

工作表可以通过media =screen进行连接，所以我只需要使用图形浏览器来估算
我想使用滚动条

15像素宽，或者这个页面看起来很荒谬。

但是，到目前为止我测试过的所有浏览器都做了。


技术人员怎么样？

（我自己是设计师）


亲切的问候，


Richard Berendsen

http://users.alwaysaccess.nl/~bemep/css/test.html

This is a funny trick to imitate the behaviour of
position:fixed.

I couldn''t use position:fixed, cause IE doesn''t support it.

This trick assummes that every graphical browser (The style
sheet can be connected via media="screen" so I only have to
reckon with graphical browsers I guess) uses scrollbars of
15 pixels wide, or else this page will look ridiculous.
However, so far all the browsers I tested did.

How do the technical people like this?
(I am a designer myself)

Kind regards,

Richard Berendsen

推荐答案

Richard Berendsen< be *** @ alwaysaccess.nl>写道：

Richard Berendsen <be***@alwaysaccess.nl> wrote:

http ：//users.alwaysaccess.nl/~bemep/css/test.html

这是一个模仿
位置行为的搞笑技巧：修复。


它没有使用JavaScript，这比大多数尝试更加优惠

模仿IE中固定的定位。

我不能使用position：fixed，因为IE不支持它。


不正确。你可以使用它，但让IE保持一个完全滚动的页面。

在功能较弱的浏览器中有一点优雅的降级没有错。

这个技巧使得每个图形浏览器（样式
表可以通过media =screen连接，因此我只需要使用图形浏览器估计）使用滚动条
15像素宽，否则这个页面看起来很荒谬。
然而，到目前为止我测试过的所有浏览器都没有。

http://users.alwaysaccess.nl/~bemep/css/test.html

This is a funny trick to imitate the behaviour of
position:fixed.
It doesn''t use JavaScript which is a plus over most attempts to
imitate fixed positioing in IE.
I couldn''t use position:fixed, cause IE doesn''t support it.
Not true. You can use it, but leave IE to have a fully scrolling page.
Nothing wrong with a bit a graceful degradation in less capable
browsers.
This trick assummes that every graphical browser (The style
sheet can be connected via media="screen" so I only have to
reckon with graphical browsers I guess) uses scrollbars of
15 pixels wide, or else this page will look ridiculous.
However, so far all the browsers I tested did.

他们是哪些浏览器？ />
更好的GUI（无论是在浏览器级别还是操作系统级别）为用户提供了设置滚动条宽度的能力，以增加可访问性。


IE6 - http://steve.pugh.net/test/ie6 .png

顶部和底部区域重叠滚动条，内容区域的薄条

显示在底部区域下方。


Opera 7 - http://steve.pugh.net/test/op711.png

滚动条坐在页面内，正常的滚动条区域是空白的。

滚动条轨道采用内容区域背景颜色。


Netscape 4 - 没有滚动条，内容无法访问。


我在Mozilla 1.3中测试过的浏览器显示的确与我想要你想要它的
一样。


史蒂夫


-

我的理论给你起见，我的异端邪说激怒了你，

我从来没有回信，你不喜欢不喜欢我的领带。 - 医生


Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>

Which browsers were they?
Better GUIs (whether at browser or OS level) give the user the ability
to set the width of the scrollbar, for increased accessibility.

IE6 - http://steve.pugh.net/test/ie6.png
Top and bottom areas overlap scrollbar, thin sliver of content area
shows below bottom area.

Opera 7 - http://steve.pugh.net/test/op711.png
Scrollbar sits inside page, normal scrollbar area is blank.
Scrollbar track takes on content area background colour.

Netscape 4 - no scrollbars, content inaccessible.

Of the browsers I tested in only Mozilla 1.3 displays it exactly as I
assume you wanted it to.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don''t like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

Richard Berendsen< be *** @ alwaysaccess.nl>写道：

Richard Berendsen <be***@alwaysaccess.nl> writes:

http ：//users.alwaysaccess.nl/~bemep/css/test.html

这是一个模仿
位置行为的搞笑技巧：修复。

我无法使用position：fixed，因为IE不支持它。


正如Steve Pugh所说，如果你有一个很好的后备支持，你可以使用它。我使用IE的条件注释给它一个IE特定的

样式表。我用它，比如我的简历

< URL：http：//www.daimi.au.dk/~lrn/cv.html>

（也是使用下面提到的IE6的位置固定黑客，但是对于IE 5有

后备）

（如果它不是，那将是明显的自我广告in Danish :)

这个技巧让每个图形浏览器都失败了（样式
表可以通过media =" screen'连接，所以我只需要用图形浏览器来计算我猜）使用15像素宽的滚动条，否则这个页面看起来很荒谬。
然而，到目前为止，我测试过的所有浏览器都做到了。


我操作系统的GUI（WinXP）声称滚动条是16 b / b
像素，但如果我愿意，我可以更改它。 Ups，我刚刚做了，现在他们

是20.


尝试查看Opera 7中的页面。真实滚动条的空间

仍然保留，鼠标滚轮不起作用。

技术人员如何喜欢这个？
（我自己是设计师）

http://users.alwaysaccess.nl/~bemep/css/test.html

This is a funny trick to imitate the behaviour of
position:fixed.

I couldn''t use position:fixed, cause IE doesn''t support it.
As Steve Pugh said, you can use it if you have a good fallback
for IE. I use IE''s conditional comments to give it an IE-specific
stylesheet. I used it in, e.g., my CV
<URL:http://www.daimi.au.dk/~lrn/cv.html>
(also using the position-fixed-hack for IE6 mentioned below, but with
fallbacks for IE 5)
(and it would be blatant self advertisement, if it wasn''t in Danish :)
This trick assummes that every graphical browser (The style
sheet can be connected via media="screen" so I only have to
reckon with graphical browsers I guess) uses scrollbars of
15 pixels wide, or else this page will look ridiculous.
However, so far all the browsers I tested did.
My operating system''s GUI (WinXP) claims that scrollbars are 16
pixels, but I can change it if I want to. Ups, I just did, now they
are 20.

Try looking at the page in Opera 7. The space for the real scrollbar
is still reserved, and the mousewheel doesn''t work.
How do the technical people like this?
(I am a designer myself)

这让我想起了< URL：http：//devnull.tagsoup.com/fixed/vertical.html>，

只适用于IE6。我不知道你的解决方案是否适用于IE5

（我无法检查它.Pah！有人应该找到一种方法比一个IE上有更多的

同一台机器。）


/ L

-

Lasse Reichstein Nielsen - lr*@hotpop.com

Art D''HTML：< URL：http：//www.infimum.dk/HTML/randomArtSplit.html>

''没有判断的信仰只会降低神灵的精神。''

It reminds me of <URL:http://devnull.tagsoup.com/fixed/vertical.html>,
which only works in IE6. I don''t know if your solution works in IE5
either (and I cannot check it. Pah! Someone should find a way to have more
than one IE on the same machine.)

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
Art D''HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
''Faith without judgement merely degrades the spirit divine.''

Richard Berendsen写道：

Richard Berendsen wrote:

http://users.alwaysaccess.nl/~bemep/css/test。 html

这是一个模仿
位置行为的搞笑技巧：固定。

我无法使用位置：固定，原因IE不支持它。


s /不能/选择不要/

这个技巧可以让每个图形浏览器（样式
表都可以通过媒体连接） =屏幕所以我只需要用图形浏览器来估算我猜测使用15像素宽的滚动条，否则这个页面看起来会很荒谬。
然而，到目前为止所有的我测试的浏览器做了。


我看到你正在使用Windows。右键单击桌面，属性，

外观，将项目设置为滚动条，您可以更改此项。适用于所有使用标准Windows小部件的应用程序。

技术人员如何喜欢这个？
（我自己是设计师）

http://users.alwaysaccess.nl/~bemep/css/test.html

This is a funny trick to imitate the behaviour of
position:fixed.

I couldn''t use position:fixed, cause IE doesn''t support it.
s/couldn''t/chose not to/
This trick assummes that every graphical browser (The style
sheet can be connected via media="screen" so I only have to
reckon with graphical browsers I guess) uses scrollbars of
15 pixels wide, or else this page will look ridiculous.
However, so far all the browsers I tested did.
I see you are using Windows. Right-click desktop, Properties,
Appearance, set Item to Scrollbar and you can change this. Applies to
all applications using the standard Windows widgets.
How do the technical people like this?
(I am a designer myself)

它停止我的滚轮工作。


我使用位置：修复我需要的地方并确保：


a）IE降级优雅

b）IE用户了解缺陷和适当的升级路径


-

Mark。
http://www.tranchant.freeserve.co。英国/

It stops my scrollwheel working.

I use position:fixed where I need it and ensure that:

a) IE degrades gracefully
b) IE users are made to know the deficiency and suitable upgrade paths

--
Mark.
http://www.tranchant.freeserve.co.uk/

这篇关于这会让W3C人疯狂吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！