<![CDATA[哈啰的小屋]]> http://haluo.net/index.php zh-cn http://haluo.net/read.php?94 <![CDATA[该死的模型盒在各浏览器下一些问题]]> 哈啰 <sys@91ha.com> Sat, 14 Jun 2008 05:57:08 +0000 http://haluo.net/read.php?94 今天弄一个风格时就因为IE的margin加倍的问题引起的,用 overflow: hidden;虽然可以暂时解决下,但不是问题所在.在有浮动时用这个display:inline;
原文如下
w3c定义的盒模式如下:

点击在新窗口中浏览此图片
http://haluo.net/attachmen...

width和height定义的是content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充padding和content部分。

但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。

左右margin加倍的问题
当box为float时，ie6中box左右的margin会加倍

比如：

<!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>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>untitled document</title>
<style>
.outer {
width:500px;
height:200px;
background:#000;
}
.inner {
float:left;
width:200px;
height:100px;
margin:5px;
background:#fff;
}
</style>
</head>

<body>
<div class="outer">
<div class="inner"></div>
<div class="inner"></div>
</div>
</body>
</html>

左面的inner的左面margin明显大于5px。
这时候，定义inner的display属性为inline。

外层box自动计算高度的问题
根据w3c定义，没有float属性的外层box不会自动计算高度，要计算高度，必须在内层最后一个box加入clear:both。
opera、netscape、mozilla等不会计算外层box高度，但是微软ie6会自动计算外层高度。比如：

<!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>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>untitled document</title>
<style>
.outer {
width:600px;
background:#000;
}
.inner1 {
float:left;
width:200px;
height:100px;
margin:5px;
background:red;
}
.inner2 {
float:left;
width:200px;
height:100px;
margin:5px;
background:yellow;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner1"></div>
<div class="inner2"></div>
</div>
</body>
</html>

上面的代码在ie中有黑色的背景，但是没有正确的计算上下的margin，在inner2下面加上一个包含clear:both属性的div后，可以正确计算margin。但是firefox中仍然没有黑色背景，通常的解决办法是定义一下clear:both这个div的高度，或者插入全角空格，这样就必须增加额外的高度。网上一种比较好的解决办法是在外层div中加入overflow属性，同时使用clear:both，这样就不会增加额外的高度了。如下：

<!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>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>untitled document</title>
<style>
.outer {
width:600px;
background:#000;
overflow:auto;
}
.inner1 {
display:inline;
float:left;
width:200px;
height:100px;
margin:5px;
background:red;
}
.inner2 {
display:inline;
float:left;
width:200px;
height:100px;
margin:5px;
background:yellow;
}
.clear {
clear:both;
}
</style>
</head>

<body>
<div class="outer">
<div class="inner1"></div>
<div class="inner2"></div>
<div class="clear"></div>
</div>
</body>
</html>

因此，外层css要定义overflow属性，内层最后要加上clear属性。

居中问题
需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样：
你可以这样定义使它横向居中：

#wrap {
width:760px; /* 修改为你的层的宽度 */
margin:0 auto;
}
但是ie5/win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：在外层用text-align属性。就象这样：

#outer {
text-align:center;
}
#wrap {
width:760px; /* 修改为你的层的宽度 */
margin:0 auto;
text-align:left;
}
第一个#outer的text-align:center; 规则定义ie5/win中#outer的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。
因此，在有居中元素的css中，外层css要定义text-align:center属性，内层居中用margin:x auto x auto定义，并重新定义text-align。



Tags - , ]]> http://haluo.net/read.php?93 <![CDATA[貌似现在才有点明白为什么人们常说要入对行]]> 哈啰 <sys@91ha.com> Tue, 10 Jun 2008 12:17:17 +0000 http://haluo.net/read.php?93 多梦的我每天会有稀奇的东西出现在我的脑海，又或似曾相识，在引导我争脱着什么，我想是争脱压郁吧。嗯，也许我该开朗些，又不甘心，也许这就是生活的烦脑。
凭兴趣学习网页，学习如何建站，慢慢地我也创建了一俩个站，在别人看来，这只是百万网站之一，平淡无奇，但上天也许是可怜我这争扎的灵魂，收入居然超过了我的工资，欣慰之余更多的是苦脑，一是我几呼花光了业余时间，二是我没有一心两用的能力。
真羡慕有着明确目标，知道自己该做什么的人们。我给自己QQ签名写上：为了即将到来的时刻！为了给自己象闹钟一样上发条，知道时间不等人，滴答滴答，到点响起铃声的时刻也就是终点。或许可以不用这么悲观，当滴铃铃响起预示着下一个目标的出现！
Tags - ]]> http://haluo.net/read.php?92 <![CDATA[今年的端午又没吃粽子]]> 哈啰 <sys@91ha.com> Sun, 08 Jun 2008 13:37:17 +0000 http://haluo.net/read.php?92 自从更改法定国假后，人们更加注重这些传统节日了。平时辛苦劳碌也该适时轻松一下，更何况这民族风俗的重要节日呢！有网友给我发来“粽子节快乐”，感情只记得有粽子吃啊！

点击在新窗口中浏览此图片
http://haluo.net/attachmen...

Tags - , ]]> http://haluo.net/read.php?91 <![CDATA[IDC的服务差距咋那么大昵]]> 哈啰 <sys@91ha.com> Sun, 01 Jun 2008 13:45:04 +0000 http://haluo.net/read.php?91 说机房被攻击,那偶也可以理解,换机房需要时间那偶也可以理解,但NND你能不能通知下恢复时间啊,不见得要我天天盯着你网站等通知吧.
再说这个又不是我引起的,虽然和IDC没签什么协议但至少及时通知更换IP,恢复还是必要的,这样客户会理解的,而且会感觉到IDC的服务到位,拉笼人心,唉算了,停了几天.
头一回碰到因机房问题,而没有恢复通知的
唠叨几句,OVER
Tags - ]]> http://haluo.net/read.php?90 <![CDATA[DIV+CSS制作时常见错误汇总]]> 哈啰 <sys@91ha.com> Tue, 27 May 2008 08:50:55 +0000 http://haluo.net/read.php?90
　　1. 检查HTML元素是否有拼写错误、是否忘记结束标记

　　即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

　　2. 检查CSS是否正确

　　检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。

　　3. 确定错误发生的位置

　　如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。

　　4. 利用border属性确定出错元素的布局特性

　　使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。

　　5. float元素的父元素不能指定clear属性

　　MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的着名的bug，倘若不知道就会走弯路。

　　6. float元素务必指定width属性

　　很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。

　　7. float元素不能指定margin和padding等属性

　　IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding推荐)。也可以使用hack方法为IE指定特别的值。

　　8. float元素的宽度之和要小于100%

　　如果float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。

　　9. 是否重设了默认的样式?

　　某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。

　　10. 是否忘记了写DTD?

　　如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD：

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  

Tags - , ]]> http://haluo.net/read.php?89 <![CDATA[该死的乱码问题]]> 哈啰 <sys@91ha.com> Sat, 24 May 2008 13:02:19 +0000 http://haluo.net/read.php?89 查看帝国CMS设置文件又没错,于是就进备份王设置GBK恢复,结果刷新缓存可以了,哈哈.

这个博客今天搬家也出现乱码,并不是程序的问题,还是该死的编码吧.
原来是在MYSQL4.0下的,转到4.1下就丢数据了,只有一句话,有部分也出现乱码,估计是不支持吧.于是就转到这个空间也是MYSQL4.0就没事了,NND真烦.
Tags - ]]> http://haluo.net/read.php?88 <![CDATA[怎么远程连接服务器]]> 哈啰 <sys@91ha.com> Fri, 23 May 2008 07:53:50 +0000 http://haluo.net/read.php?88
    在默认情况下，远程桌面连接（以前称为“终端服务客户端”）安装在所有Windows Server 2003家族操作系统上。可以使用远程桌面连接与终端服务器相连接，或者与运行Windows Server 2003家族操作系统之一的计算机桌面相连接，还可与安装有Windows XP系统的计算机连接，进行远程管理。在此，我们仅限远程连接的发起方（也称“远程连接客户端”）只是运行Windows Server 2003系统的服务器；而远程连接的服务器端只能是安装了“终端服务器”的Windows 2000 Server，或者Windows XP和WIindows Server 2003家族系统的计算机。

    下面我们来具体介绍如何部署这种“远程桌面连接”模式的远程管理。

    一、远程桌面连接的部署

    远程桌面连接也属于C/S（客户/服务器）模式的，所以在建立连接前也需要配置好连接的服务器端和客户端。这里的服务器端是指接受远程桌面连接的计算机一方；而客户端是发起桌面连接的计算机一方。

    因为“远程桌面连接”远程管理模式是属于Windows Server 2003服务器（还可以是Windows XP系统计算机）管理远程工作站（或成员服务器）计算机的，所以发起远程桌面连接的当前就是Windows Server 2003服务器。作为远程桌面连接的服务器端，必须要安装了“远程桌面连接”的服务器端程序，而目前仍只有Windows XP、Windows Server 2003家族系统，以及安装了“终端服务器”程序的Windows 2000 Server系统才可能具有，其它版本Windows系统计算机都不可能成为“远程桌面连接”的服务器端。所以实际上这种远程桌面连接的服务器端与客户端都不需要太多的配置（Windows 2000 Server外）。

    在此我们仅以Windows XP、Windows Server 2003系统为例进行介绍。在这两个系统中，要使运行当前计算机允许远程连接发起方发出的远程连接请求，只需在本地计算机系统属性的“远程”选项卡对话框中选择“允许用户远程连接到这台计算机”复选项即可。

    另外，还需为相应用于远程连接的用户配置远程连接权限。默认情况下，Administrators组的成员可远程连接到该服务器，除此之外还有一个“Remote Desktop Users”组具有这个权限。但在默认情况下，“Remote Desktop Users”组未添加成员，所以如果想添加其他用户，而又不想赋予他系统管理员那么高权限，则您必须把他添加到这个组中。“Remote Desktop Users”组除了允许与Users组相同的访问权限外，还具备远程连接的其他能力。通过使用该组，可以在无需分别为每个用户设置这些权利的情况下，保存管理资源。
二、远程桌面连接的建立

    前面介绍了远程桌面连接的服务器端和客户端部署方法，下面就正式介绍如何进行远程桌面连接了。其实建立的方法很简单，具体如下：

    第1步，在Windows Server 2003服务器上执行〖开始〗→〖所有程序〗→〖附件〗→〖通讯〗→〖远程桌面连接〗菜单操作，打开如图1所示对话框。单击对话框中的“选项”按钮展开后的对话框如图2所示，可以对每个标签项进行详细配置。

点击在新窗口中浏览此图片
http://haluo.net/attachmen...

   第2步，在如图2所示对话框中进行详细的连接配置。在如图2所示的“常规”选项卡对话框中可以配置要远程连接的计算机名或IP地址、进行远程连接的用户账户、密码和所在域。注意所输入的用户账户一定是前面已配置具有远程连接权限的。如果要为此连接保存密码，还可选择“保存密码”复选项。在下面的“连接设置”栏中有两个按钮，分别是“另存为”和“打开”，它们的作用分别是保存当前远程连接和打开已保存的远程连接。

点击在新窗口中浏览此图片
http://haluo.net/attachmen...

    第3步，单击“显示”标签，对话框如图3所示。在这个对话框中可以设置此次远程连接时的远程桌面大小、颜色（这要根据对方的显卡配置决定，不过现在一般都没问题），以及连接时是否需要显示连接栏，通常需要显示，因为这样方便控制连接。

点击在新窗口中浏览此图片
http://haluo.net/attachmen...

    第4步，单击“本地连接”标签，对话框如图4所示。在“远程计算机声音”下拉列表中选择远程计算机上的声音文件播放方式：要运行“远程桌面”会话中的声音文件，且在本地计算机上进行收听，请选择“带到这台计算机”选项；要运行“远程桌面”会话中的声音文件，且只在远程计算机上进行播放，请选择“留在远程计算机”；要禁用“远程桌面”会话中的所有声音，请选择“不要播放”。
还有可以选择组合功能键所作用的对象，如果想要使本地按组合总作用于本地计算机，则请在“键盘”下拉列表中选择“本地计算机上”选项；如果要Windows快捷键总作用于远程计算机上，则请选择“远程计算机上”选项；如果要使Windows快捷键总作用于仅当以全屏模式显示远程桌面时作用在远程计算机上，则请选择“只用全屏模式”选项。

点击在新窗口中浏览此图片
http://haluo.net/attachmen...

    在“本地设备”栏中选择可以重定向的本地资源，重定向后，远程桌面就可以使用这些资源了。根据需要选择了。系统默认只有打印机可以重定向，如果选择了“磁盘驱动器”和“串行口”复选项，则系统首先会弹出一个警告提示框，提示用户这样做会不安全。如图5所示。


点击在新窗口中浏览此图片
http://haluo.net/attachmen...


Tags - , ]]> http://haluo.net/read.php?87 <![CDATA[今天去寄了个租服务器的合同]]> 哈啰 <sys@91ha.com> Thu, 22 May 2008 13:56:45 +0000 http://haluo.net/read.php?87 一直想玩玩服务器，嘿嘿终于可以实现了。
为了不断上涨的奶粉，努力！为了即将到来的时刻，加油！
Tags - , ]]> http://haluo.net/read.php?86 <![CDATA[CSS建议顺序]]> 哈啰 <sys@91ha.com> Thu, 15 May 2008 01:32:54 +0000 http://haluo.net/read.php?86 //显示属性
display
list-style
position
float
clear

//自身属性
width
height
margin
padding
border
background

//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
Tags - ]]> http://haluo.net/read.php?85 <![CDATA[一个人在家的感觉]]> 哈啰 <sys@91ha.com> Sun, 11 May 2008 11:18:49 +0000 http://haluo.net/read.php?85 下载了首哈撒雅琪,跟着哼哼了几遍,漫无目的拖着小老鼠,突然想起张震岳的歌蛮好听的,学着腔调也哼哼了几遍.
生活也可以很轻松,方式的问题.
Tags - ]]>