红俊's profile蝈蝈俊的共享空间PhotosBlogListsMore Tools Help

Blog


    October 30

    IE8Beta2在处理HTML元素水平居中碰到的一个有趣的现象

    我的前面那篇博客“怪事,ASP.Net Development Server让我白忙了一下午 ”描述的问题产生的原因其实是写错的。今天在次碰到上面提到的问题时,才查出这个问题的根本原因。下面是一段简单的代码重新这个有趣的bug。

    我的IE8版本信息如下:

    有下面一段简单的Html代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
    </head>
    <body style="text-align:center">
    <table style="background-color:Blue;">
    <tr><td>123213</td></tr>
    </table>
    </body>
    </html>

    就是居中显示一个简单的Table。使用IE访问这个Html,就会看到居中显示。
    但是你用IE8通过 http://local.csdn.net:49193/1.htm   这样的方式来访问,则不会居中。
    而通过  http://localhost:49193/1.htm  这样的地址来访问则会居中。

     

    下面的截图使用了IE8的新特性,用缩略图在一个页面演示了这两种不同地址的访问效果,你可以看到一个居中,一个居左,如下图:

     

    确保 Host 文件有下面两行,就可以实现上述2个地址访问同一个内容:

    127.0.0.1       localhost
    127.0.0.1    local.csdn.net

    用 FF 访问上述地址(不论是 http://local.csdn.net:49193/1.htm    还是  http://localhost:49193/1.htm  )都居左显示。

    用IE的之前版本(IE 5.5 ,IE6 , IE 7)访问,(不论是 http://local.csdn.net:49193/1.htm    还是  http://localhost:49193/1.htm  ) 则都居中显示。

    结论:

    显然IE8 在处理 http://localhost:49193/1.htm 时, 用了兼容以前IE的处理机制。 在处理 http://local.csdn.net:49193/1.htm 时,则是采用了跟 Mozilla系列浏览器一致的处理机制。

    当然要让这段Html不论任何浏览器都居中显示,可以用 margin:0 auto; 来定制居中。

    修改后的Html 代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
    </head>
    <body style="text-align:center">
    <table style="background-color:Blue;margin:0 auto;">
    <tr><td>123213</td></tr>
    </table>
    </body>
    </html>

    这时候, 不论IE的那个版本,还是 Mozilla系列浏览器都水平居中显示了。

    October 28

    Visual Studio 2010九月份CTP的一些信息

    今天一大早看到思归的博客中提到VS2010CTP已经提供下载了,第一时间下载并简单的试用后,有点心得,把这些Visual Studio 2010 和 .NET Framework 4.0 九月份CTP版的心得分享出来,方便大家决定自己是否要下载:

    下载地址,对这个下载的说明这个地址也有:
    http://www.microsoft.com/downloads/details.aspx?FamilyID=922b4655-93d0-4476-bda4-94cf5f8d4814&DisplayLang=en

    包括虚机的登录密码,也在这个地址。这个地址提到的一些注意事项我就不重复了。

    磁盘空间要求:

    上述地址下载11个RAR压缩包, 这些压缩包总共大小 7.18  G。 解压缩后是  23G 的虚机文件。

    而所谓得系统要求中的 Minimum 75 GB available HDD space 很莫名其妙,不要被75GB的可用空间吓倒, 我也没有那么多可用空间,但是我仍然可以进虚机。

    但是你肯定要准备一个8G的空间盘,放下载,一个 24 G 的空间盘放解压缩后的虚机文件。

    学习资料

    这个虚机 C:\Users\Public\Documents\CTPWalkthroughs 目录下有一些VS2010, .Net Framework 4.0 的资料,强烈建议你把他们Copy出来,毕竟你学习它们的时候,开着虚机也太费硬件资源了。这个学习资料有 172MB。

    这些学习资料主要是 CHM, Word 文档,MHT网页等学习资料

     

    一些其他限制

    虚机的操作系统是 Win2008。但是变态的是这个 Win2008 是未注册激活版的, 查看系统提示, 会提示你需要在 17 天内激活。 汗颜, 17 天后我们就不能用这个虚机了?