2010-02
6

结束折腾

By xrspook @ 19:37:20 归类于: 烂日记

这个星期晚上的空余时间都在折腾单位那个基于table构建起来的ASP网站,今天下午,终于完工了,改造成了基于div+css的。不开玩笑,起码减肥成原来1/3-1/2。今天下午遇到个新问题,发现在li里用float是很诡异的,Firefox,Opera,Google Chrome浏览都没问题,但IE却不行,折腾了好久,用简化手段测试过,没找出原因,算了,干脆用直截了当的方式KO掉那个可有可无的问题。问题出在一个提供下载的页面,有没有那个效果都一样,有了反而累赘了,干脆用很清爽简单的形式替代掉。

或许,干这种事情等于自愿被单位压榨,不过呢,期间我接触了没碰过,对几天前的xrspook如同神话般的ASP,加深了对ul,li和div的认识,对css的了解更上一层楼。是个非常好的体验啊!学多点东西挺好。不喜欢抄别人的代码,喜欢自己用键盘敲。即便要抄,也要拿来主义。

几天的经历让我一次又一次鄙视那个丑陋的IE,为何你就那么丑陋呢?!

说到丑陋,在xinca的帮助下,终于去掉了wp网址里丑陋的index.php!!!还记得不久前请xinca处理那个问题的时候被他狠狠地凶了一顿呢,呵呵,都成过去了。现在一切都已好起来。

结束无聊的折腾。放假回去后要买本php的书,好好认真学习一下。

2010-02
4

转换成功

By xrspook @ 18:30:35 归类于: 烂日记

成功地原来基于table的网页转为基于div+css的,不是一般的兴奋啊!把14.8KB的网页刷地减肥成4.6KB,把杂乱的框架理顺为明了的层次。最后,在万恶的帮助下,解决了div的怪现象。叙述一下经过吧、

首先,我网页的一部分是这么设置的(问题简化版):

<html>
<head>
<title>test</title>
<style>
<!–
body { background-color:#000000;}
#main { background-color:#00ff00; width:755px; margin:0 auto;}
#left {background-color:#ff0000; width:200px; height:200px; float:left;}
#right {background-color:#0000ff; width:555px; height:600px; float:right;}
–>
</style>
</head>
<body>
<div id=”main”>
<div id=”left”></div>
<div id=”right”></div>
</div>
</body>
</html>

得出的结果如左图:

从上面的css可以看出,我是希望#main里面是#00ff00(绿色)的,也就是红色的下面应该是绿色,但显然,FF得不出,Opera得不出,Google Chrome也得不出,只有丑陋的IE实现了那个效果。为什么呢?Firebug指出,在上面的设置之下#main的高度为“0”,肯定得不出绿色!为什么呢?万恶说,那是css的浮动性导致的,因为我#main下有2个div,两个div都设置为浮动,浮动的元素是被撇除在外的,所以我们觉得#main里有东西,实际上却不认。万恶给我出个非常简单但有效的方案——在<div id=”right”></div>后面#main结束之前加上一句<div class=”clear”></div>(css里添.clear { clear:both;}),问题解决了!clear是干嘛的?清除浮动元素的!在两个浮动元素之后加个这么个空载div保证了#main里面有东西,又因为clear的设置是both,左右都不能有浮动元素,所以它肯定位于所有浮动元素的后面,把#main“撑”了出来。应该可以这么解释吧。现在才恍然大悟为什么BlogBus很多模板后面都有那么句空载的div,原来是这般用的。成功范例见右图。

我一直理所当然地认为在div里嵌div就能把外面的撑大,理论上是这样,但如果里面的div设置为float那就另当别论。真是郁闷到极点。又死在细节上,自学的东西不系统结果就会经常碰到抓破脑袋都搞不懂的情况。

除了这个难点以外,还有一个导航栏的问题,但经过我的瞎弄后,马虎成功了。

哇咔咔,鼓掌庆祝一下!

2010-02
2

一波接一波的变态

By xrspook @ 19:31:40 归类于: 烂日记

昨天晚上,花了大概1个多小时,努力地把单位用table构建起来的ASP网站改用div,实在太恐怖了!用table构建的网页就一个字——乱!代码没问题,但让读代码的人思路混乱,解读困难,管理也郁闷,必须一个个小框去改格式,都什么年代了!居然没把CSS用上,如果用div不用CSS那简直就是,哎~~~ 于是,我的任务就是把table拆分为div和CSS。思路是清晰的,但执行起来原来很有难度。有些我觉得理所当然的东西,到真的那个起来原来还是挺困难的,毕竟接触HTML多年了,知道该怎么操作,但细节,细节是个需要琢磨再琢磨的地方,有些东西还在研究中。慢慢来,搞好一个页面其它的就好搞了。这个烂摊子,我招标认定了!

今天核对了600多张自己过去一年做的表格,盖了超过550个公章,咋的我们的合作单位就那么烦人的呢?!!!如果收2块钱一章的话,收的前都可以拿去吃好多顿饭了。把单位印章的印油都印干了,所以开始的章盖得是很漂亮,后来的就无论多用力都模模糊糊了。这不能怪我,真的不是我的错!公章哪有这么搞法的?!想起小时候爸妈给我刻了个名字,在白布上印好多,然后再缝在衣服和裤子上,大概小孩都有过这种经历吧,从前爸妈整的时候一定很享受,但今天我呢,根本就是折磨,整到我都发脾气了。

昨晚10点多的时候,领导突然大驾光临,说8号吃年饭的时候要出个节目,要好笑的,接着,我脑子里就马上蹦出了个念头——“平时工作日睁开眼睛的时候我们是你们的奴隶,休息了空闲的时候我们还要当你们的小丑?”很讽刺,但很真实。

我什么时候才不那么愤世嫉俗啊?!大概是玩技术的时候吧。

2010-01
27

挽救杯具

By xrspook @ 20:35:55 归类于: 烂日记

昨天,知道了原来我们粮库也有网站,迫不及待地去观摩一下。汗!我用的是FF,结果呢?中国人做的网页就是对IE以外的浏览器水土不服,于是,汗,再汗……

网页是个需要测试测试再测试的东西,内容当然很重要,但如果不同用户不同浏览器出来的效果不一样呢?杯具……在中国人设计的网页中,非IE不可是习惯性真理性的,比如说大名鼎鼎的备案网站,又比如同样如雷贯耳的网上支付网站,巨汗!地球人都知道IE的安全性不好,速度不优秀,但,勤劳勇敢机智过人的中国人就喜欢用系统自带原汁原味,甚至还没经过升级到7或8的IE,果然是微软的忠实粉丝啊!

但,我们某些人的思维是发散的,面向的是世界各地的盆友。在外国盆友设计的网页中,基本上FF横行,是推荐用浏览器,比如说我用的WP模板的作者。显然,他老人家视IE为无物。请看下图:


这是IE的截图。


这是FF的截图。

左图是我千辛万苦经过修改后的IE适应版,右边是原版。杯吧,原版在IE下,3栏的设计都变成2栏了,2个侧栏“被迫”挤到了一块,肯定是和背景不搭调的,揪心啊!

为了挽救这恐怖的杯,我首先请来了Firebug大人。


模板,显然,是div的,样式肯定是CSS的,而问题就发生在content-body、content-sidebar-2和content-sidebar里。首先,我在content-sidebar的CSS里加了一句“float:right;”,解决了content-sidebar在IE里跟在content-sidebar-2屁股后面的问题,实现右置。但为什么升不上去呢?难道因为太窄?我尝试修改过很多宽度都不行,看来不是位置不够的问题。会不会是content-sidebar里有“clear”的命令呢?应该不会。如果有的话,在FF就不会正常了。中间部分三栏设计,我们可以用3个float来解决问题,于是我试探性地在content-sidebar-2里加一句“float:right;”惨了,占到了最右方,当然,因为它的层在content-sidebar之前,理所应当占最右边。那如果改为“float:left;”呢?我的设想是它或许会正常,如果content-body已经设定为“float:left;”的话,怪异的是,在IE下正常,在FF下content-sidebar-2抢到了正文的左边。问问Firebug,虫子说content-body里有个“float:none;”的设置。怎么可能,我已经把CSS文件里所有content-body都加上“float:left;”,怎么有可能还是“float:none;”!!!!但如果不存在,Firebug不可能爬虫出来,到底在哪里呢?无计可施之下,找起了网页源文件,居然,居然被我在网页头部找到这等东西!!!


实在太杯具,灰常杯具啊!文件头,居然放在文件头,无语了。在WP的header里找,没找到,最后终于在function里找着,我的老天,该死的“none”!于是,终于用3句float解决了IE怪异的效果,让中国人看到的效果和外国人相似。

哎,如果大家用订阅的话,版面什么个鬼样又有什么关系呢。

2010-01
21

跌宕起伏

By xrspook @ 19:38:03 归类于: 烂日记

哈,今天完成了2009年的工作总结,花了2小时写了近2800,还行,自感不错了。还有很多想写,但例子已经举得太多了,再写就成长篇小说了。现在已经是短篇小说了,我这个会吹的人……很开心地,终于完成了一个不想完成但又必须完成的任务。

晚上终于有时间折腾自己的新家,还是那个index.php的问题,问过老大那是lighttpd重写设置的问题,但结果居然是老大在我的域名下更改,我 前后台都登入不了,老大说什么都不肯在全局更改,说会影响到其他人,杯具!还没见过如此强硬过的老大。不改就不改嘛,差点我弄哭了,心情一下子down了 下去,于是发了个豆邮给danzhu,大姐姐总会有办法的,总有一天G老师会得出不一定在那里改的办法的,我坚信!但是,非常完美的Linux主机,非常 容易修改的Lighttpd系统,却咫尺天涯,叹一句,人啊~~~

人生总是跌宕起伏,错落有致。今天把300多张磅单用计算器按过多次,真是神经的经历。

这两天在狂听Tyrone Wells的Sink Or Swim,大爱,狂爱,GA S06E11的季首开场介绍里有用过,PP S03E11也在用,我的血液都沸腾起来了,比喝咖啡还有用。

坐过山车,还好吧。

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress