什么是Opera在这里做的不同？ [英] What is Opera doing differently here?
问题描述
http://www.iboi.nl/dev/
测试：
Safari 1.2.2（Mac）
Firefox 0.8（Mac）
IE 5.2.3（Mac）
Camino 0.8（Mac）
IE 6（Windows）
Opera 7.5（Mac）
后者是唯一一个以不同方式显示页面的人。
所有< div>'被放置8px。通过查看
背景图片可以看出最佳效果;其他图像应该适合。
制作一个如此依赖像素的布局可能有点风险
精确定位，但是我虽然避免使用会有问题的代码。
我在IE5 / 5.5 / Win中没有尝试过的胆量虽然:-)
-
marco
http://www.iboi.nl/dev/
Tested with:
Safari 1.2.2 (Mac)
Firefox 0.8 (Mac)
IE 5.2.3 (Mac)
Camino 0.8 (Mac)
IE 6 (Windows)
Opera 7.5 (Mac)
The latter is the only one who displays the page differently.
All <div>''s are placed 8px down. Which is best seen by looking at the
background image; the other images should ''fit''.
It might be a bit risky to make a layout that is so dependent on pixel
precise positioning, but I though I avoided using code that would be
problematic.
I didn''t have the guts to try it out yet in IE5/5.5/Win though :-)
--
marco
推荐答案
mb ***** @ mac.kom.inva lid（Marco Bakker）写道：
mb*****@mac.kom.invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/ <测试：
Safari 1.2.2（Mac）
Firefox 0.8（Mac）
IE 5.2.3（Mac）
Camino 0.8（Mac）
IE 6（Windows）
Opera 7.5（Mac）
后者是唯一一个以不同方式显示页面的人。
所有< div>'s被放置8px。通过查看
背景图片可以看出最佳效果;其他图像应该适合。
http://www.iboi.nl/dev/
Tested with:
Safari 1.2.2 (Mac)
Firefox 0.8 (Mac)
IE 5.2.3 (Mac)
Camino 0.8 (Mac)
IE 6 (Windows)
Opera 7.5 (Mac)
The latter is the only one who displays the page differently.
All <div>''s are placed 8px down. Which is best seen by looking at the
background image; the other images should ''fit''.
Opera（正确）使用body元素上的默认填充，其他UAs
常用余量。 （添加填充：0到你的体型）。
-
Spartanicus
Opera (correctly) uses default padding on the body element, other UAs
commonly use margin. (add padding:0 to your body style).
--
Spartanicus
< a href =mailto：mb ***** @ mac.kom.inva> mb ***** @ mac.kom.inva lid（Marco Bakker）写道：
mb*****@mac.kom.invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/
经测试：
Safari 1.2.2（Mac）
Firefox 0.8（Mac）
IE 5.2.3（Mac）
Camino 0.8（Mac） ）IE 6（Windows）
Opera 7.5（Mac）
后者是唯一一个以不同方式显示页面的人。
所有< div>'' s放置8px。通过查看
背景图片可以看出最佳效果;其他图像应该适合。
你已设置正文{margin：0 auto;}
Opera没有默认的边距，它有默认的填充。
所以添加填充：0;一切都会好的。
制作一个依赖于像素精确定位的布局可能有点冒险，但我避免使用的代码是
问题。
我能看到的最大问题是：
1.完全缺乏有用的alt属性。关闭图像
页面没用。
2.文本大小以像素为单位，这意味着IE用户不能轻易获得
调整它的大小。考虑到你已经将文本大小设置为一个很小的b
大小，至少其中一些人需要在它们之前调整大小
可以读取任何内容。 br />
我还没有尝试在IE5 / 5.5 / Win中尝试它的胆量虽然： - ）
http://www.iboi.nl/dev/
Tested with:
Safari 1.2.2 (Mac)
Firefox 0.8 (Mac)
IE 5.2.3 (Mac)
Camino 0.8 (Mac)
IE 6 (Windows)
Opera 7.5 (Mac)
The latter is the only one who displays the page differently.
All <div>''s are placed 8px down. Which is best seen by looking at the
background image; the other images should ''fit''.
You''ve set body {margin: 0 auto;}
Opera doesn''t have default margin on body, it has default padding.
So add padding: 0; and all will be well.
It might be a bit risky to make a layout that is so dependent on pixel
precise positioning, but I though I avoided using code that would be
problematic.
Biggest problems I can see are:
1.the complete lack of useful alt attributes. With images turned off
the page is useless.
2. Text size set in pixels, which means that IE users can''t easily
resize it. And considering that you''ve set the text size to a tiny
size at least some of them are going to need to resize it before they
can read anything.
I didn''t have the guts to try it out yet in IE5/5.5/Win though :-)
内容已离开对齐，因为Win IE5.x不支持
margin-left：auto; margin-right：auto;
Steve
-
我的理论给你，我的异端邪说愤怒的你，
我从不回信，你也不喜欢我的领带。 - 医生
Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>
The content is left aligned, because Win IE5.x doesn''t support
margin-left: auto; margin-right: auto;
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/>
Steve Pugh写道：
Steve Pugh wrote:
mb ***** @ mac.kom.inva lid（Marco Bakker）写道：
mb*****@mac.kom.invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/
我能看到的最大问题是：
1.完全缺乏有用的alt属性。关闭图像
页面无用。
2.文本大小设置为像素，这意味着IE用户不能轻松调整大小。考虑到你已经将文本大小设置为一个很小的尺寸，至少其中一些人需要在它们可以读取任何内容之前调整它的大小。
Biggest problems I can see are:
1.the complete lack of useful alt attributes. With images turned off
the page is useless.
2. Text size set in pixels, which means that IE users can''t easily
resize it. And considering that you''ve set the text size to a tiny
size at least some of them are going to need to resize it before they
can read anything.
3.如果窗口比
750px更窄，则在Gecko的左侧滑动。
-
Els
http://locusmeus.com/
Sonhos vem。 Sonhos v？o。 Orestoébritfeito。
- Renato Russo -
3. Slips off left side in Gecko if window is narrower than
750px.
--
Els
http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
这篇关于什么是Opera在这里做的不同？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
