设计差异Firefox< - > IE [英] Design difference Firefox<->IE
问题描述
我正在创建一个带有div的网站，我确实遇到了一些麻烦，使它在Firefox中以同样的方式成为
和IE（用IE7测试）。我用
e3c验证器检查了它，并说：
此页面是有效的XHTML 1.0 Transitional！但它仍然看起来不会相同。
它是在 http://www.dvdnowkiosks.com/new/theproduct.php 向下滚动，
当你走的时候会认出黑底栏ewith firefox（2.0），这不是带有IE7的
。为什么它出现在ff？
谢谢你的建议！
PS：是的，我知道。我把脏Dreamweaver作为帮助来设计这个
div-layered页面。这是一个快速而肮脏的解决方案，我试着把它完成
现在很好/干净...谢谢你的帮助！
roN
Hi,
I''m creating a Website with divs and i do have some troubles, to make it
looking the same way in Firefox and IE (tested with IE7). I checked it with
the e3c validator and it says: "
This Page Is Valid XHTML 1.0 Transitional!" but it still wouldn''t look the
same.
It is on http://www.dvdnowkiosks.com/new/theproduct.php scroll down and
recognize the black bottom bar when you go ewith firefox(2.0) which isn''t
there with IE7. Why does it appear in ff?
Thank you for suggestions!
PS: Yeah, I know. I took dirty Dreamweaver as help to design this
div-layered page. It was a quick and dirty solution and i try to get it done
nicely/cleanly by hand now... thank you for your help!
roN
推荐答案
roN写道：
roN wrote:
我'创建一个div为
的网站
I''m creating a Website with divs
好主意，但事实上你不是。那个页面很糟糕旧的
1990'的标记，错误使用< table> ;,弹性间隔GIF和
Dreamweevil最喜欢的JS-rollovers。虽然有部分颜色
设置和不合适的字体大小，但是它有一些CSS，但是它很糟糕，并且在页面上添加了很少的内容。
事实上，典型的Dreamweevil输出。
Good idea, but in point of fact you''re not. That page is crappy old
1990''s markup, with mis-used <table>, the stretchy spacer GIF and
Dreamweevil''s favourite JS-rollovers. There is some CSS, but it''s badly
thought out and adds little to the page, other than partial colour
settings and inappropriate font sizes.
Typical Dreamweevil output, in fact.
i确实有一些麻烦，使它成为
看起来一样在Firefox和IE中的方式（用IE7测试）。
i do have some troubles, to make it
looking the same way in Firefox and IE (tested with IE7).
你为什么要那样做？你是否还会坚持要买一台价值不大的b $ b小型显示器，这样我才能分享与其他人一样的小屏幕体验？
这是网络。您是网站发布商提供的文档而且，我，
的观众，把它们送到我最喜欢的显示设备中，并根据我所选择的显示器的特殊缺点，制作最好的它们.- b
。 />
现在我正在桌面上看他们，昨晚我在网上浏览了一下b
浏览我的手机。 dorayme当然使用Standard Martian Sign
语言和典型的14触手触摸浏览器。我不会_want_他们
都是一样的（特别是
的触手标志display：inline-probe;"）
离开这整个必须看起来无处不在浪潮。这是一个糟糕的想法，这是一项非常艰苦的工作，通常是不可能的，而且只有人才会注意到这是一个网络编码器坐在那里，两个
不同的浏览器彼此并排打开。
为什么_should_看起来相同？ _WHY_？
设计，以便它无处不在。这是一个更广泛的，b $ b和更容易实现的目标。
Why would you want to do that? Will you also insist that I buy a
smaller monitor, so that I can share the same tiny-screen experience as
others?
This is the Web. You the site publisher offer "documents" and I, the
viewer, feed those into my favourite display device and make the best I
can of them - according to the particular foibles of my chosen display.
Right now I''m looking at them on a desktop, last night I was web
browsing on my phone. dorayme of course uses the Standard Martian Sign
Language and a typical 14-tentacle touch browser. I don''t _want_ them
all to be the same (particularly the tentacle sign for
"display:inline-probe;" )
Get off this whole "Must look identical everywhere" bandwagon. It''s a
bad idea, it''s incredibly hard work, it''s usually impossible, and the
only person who will even notice is a web coder sitting there with two
different browsers open alongside each other.
Why _should_ it look identical? _WHY_ ?
Design instead so that "it works everywhere". This is a lot broader,
and a lot easier, target to achieve.
本页有效XHTML 1.0 Transitional ！"但它仍然不会看起来相同的
。
This Page Is Valid XHTML 1.0 Transitional!" but it still wouldn''t look the
same.
看起来相同取决于很多，仅仅是有效性，
虽然这是一个好的开始。
我会质疑为什么你要使用XHTML或过渡。
在4.01严格执行。
"Looks the same" depends on a whole lot more than mere validity,
although it''s a good start.
I would question though why you''re using either XHTML or Transitional.
Do it in 4.01 Strict instead.
PS：是的，我知道。我把脏Dreamweaver作为帮助来设计这个
div-layered页面。这是一个快速而肮脏的解决方案，我试着把它完成
很好/干净现在用手...
PS: Yeah, I know. I took dirty Dreamweaver as help to design this
div-layered page. It was a quick and dirty solution and i try to get it done
nicely/cleanly by hand now...
它''首先，通过简单的方法更快更容易地做到这一点。便宜得多。
It''s quicker and easier to do it the easy way first. Much cheaper too.
2006年12月13日星期三20:59，roN [ex*****@example.com]在
消息< tQZfh.473016
On Wednesday 13 December 2006 20:59, roN [ex*****@example.com] wrote in
message <tQZfh.473016
1T2.16636@pd7urf2no>
1T2.16636@pd7urf2no>
我正在创建一个带有div的网站，我确实遇到了一些问题，使它在Firefox和IE中以相同的方式看待它们（用IE7测试）。我用e3c验证器检查了
，它说：
此页面是有效的XHTML 1.0 Transitional！但它仍然看起来不会相同。
它是在 http://www.dvdnowkiosks.com/new/theproduct.php 向下滚动，
当你走的时候会认出黑底栏ewith firefox（2.0），这不是带有IE7的
。为什么它出现在ff中？
感谢您的建议！
Hi,
I''m creating a Website with divs and i do have some troubles, to make it
looking the same way in Firefox and IE (tested with IE7). I checked it
with the e3c validator and it says: "
This Page Is Valid XHTML 1.0 Transitional!" but it still wouldn''t look the
same.
It is on http://www.dvdnowkiosks.com/new/theproduct.php scroll down and
recognize the black bottom bar when you go ewith firefox(2.0) which isn''t
there with IE7. Why does it appear in ff?
Thank you for suggestions!
Add style =" margin-top：0"在包含
bottom.png图片的开头< ptag内。这可以内联（如下所示）或在样式表中完成。
< td colspan =" 3">< p align =" left" style =" margin-top：0">< img
src =" images / bottom.png" ALT ="底部"宽度= QUOT; 819"高度= QUOT; 74" />< / p>
如果您有Firefox2，您还应该能够安装优秀的网页
开发者工具，其中包括：允许您突出显示各种
页面元素。它对页面布局的影响很大，而不是表达你预期的b $ b。
Add style="margin-top:0" within the opening <ptag which contains the
bottom.png image. This can be done inline (as below) or in a stylesheet.
<td colspan="3"><p align="left" style="margin-top:0"><img
src="images/bottom.png" alt="bottom" width="819" height="74" /></p>
If you have Firefox2 you should also be able to install the excellent web
developer tools which, among other things, allows you to highlight various
page elements. It helps a lot with page layouts not behaving how you
expected.
这篇关于设计差异Firefox< - > IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
