BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #3331同步于 2008/5/28
WWWTechnology机器人发帖

[合集] [求助]我的显示器是宽屏的,做的网页在普通的显示器上就

tntzwz
2008/5/28镜像同步0 回复
☆─────────────────────────────────────☆ zbin (三秦大地之zbin) 于 (Fri May 9 18:52:01 2008) 提到: 内容移位了就 请教高手 ☆─────────────────────────────────────☆ diysimon (I'm Forain) 于 (Sat May 10 11:41:44 2008) 提到: 没有html,没有真相 ☆─────────────────────────────────────☆ BookMoth (书中蠹鱼) 于 (Sun May 11 21:09:34 2008) 提到: 请按照标准做吧…… 简单的方法是,做个表,居中。所有的内容放到table里。 虽然有人不齿这种方法……但他确实简单。 再多就去看看<div></div>+css怎么定义这些东西吧。 ☆─────────────────────────────────────☆ shadan (shadan) 于 (Mon May 12 08:55:35 2008) 提到: 网页中的元素要使用绝对定位,不要使用相对地位。 相对定位将导致不同分变率的屏幕显示的不一样。 ☆─────────────────────────────────────☆ Earth (★严守一殿下★♂) 于 (Mon May 12 09:22:09 2008) 提到: 少用float,多用table就好了,哈哈iframe也行 ☆─────────────────────────────────────☆ yegle (一阁|博学之人|奇峰怪石,秀山丽水) 于 (Mon May 12 10:12:54 2008) 提到: iframe不符合规范吧? 【 在 Earth (★严守一殿下★♂) 的大作中提到: 】 : 少用float,多用table就好了,哈哈iframe也行 ☆─────────────────────────────────────☆ gl2k (欣然|未来IT民工) 于 (Mon May 12 13:22:51 2008) 提到: body{width:800px;margin:0px auto;} 最简单的固定宽度居中写法。。。 ☆─────────────────────────────────────☆ Earth (★严守一殿下★♂) 于 (Mon May 12 15:44:36 2008) 提到: 我就喜欢用这个,看上去很好很强大,哈哈 ps:用table是我的习惯,我才不在乎所谓的代码精简啦,流量啦之类的,反正我的网站上线半年了点击率只有个位数。。。 【 在 yegle 的大作中提到: 】 : iframe不符合规范吧? ☆─────────────────────────────────────☆ yegle (一阁|博学之人|奇峰怪石,秀山丽水) 于 (Mon May 12 15:50:16 2008) 提到: 呵呵~~ 【 在 Earth (★严守一殿下★♂) 的大作中提到: 】 : 我就喜欢用这个,看上去很好很强大,哈哈 : ps:用table是我的习惯,我才不在乎所谓的代码精简啦,流量啦之类的,反正我的网站上线半年了点击率只有个位数。。。 ☆─────────────────────────────────────☆ Earth (★严守一殿下★♂) 于 (Mon May 12 15:54:51 2008) 提到: 我觉得这个是正解,或者规定个宽度然后<center>一下也可以,看习惯了 【 在 gl2k 的大作中提到: 】 : body{width:800px;margin:0px auto;} : 最简单的固定宽度居中写法。。。 ☆─────────────────────────────────────☆ lookforward (丢丢球球之丢丢) 于 (Tue May 13 00:18:21 2008) 提到: 用table很好么?我刚开始学Dreamweaver,从帮助文档看起,看完了table觉得基本上网页都能做了呀,非弄个css出来 ☆─────────────────────────────────────☆ zbin (三秦大地之zbin) 于 (Tue May 13 09:17:21 2008) 提到: 我确实用的是相对定位,我先前用的绝对定位如果在宽屏的时候居中了的话,在一般显示器上就会移到边上去 【 在 shadan 的大作中提到: 】 : 网页中的元素要使用绝对定位,不要使用相对地位。 : 相对定位将导致不同分变率的屏幕显示的不一样。 ☆─────────────────────────────────────☆ Earth (★严守一殿下★♂) 于 (Tue May 13 09:17:42 2008) 提到: 看爱好了,有人说很好,有人说很不好,反正我是从拒绝table到依赖table,也许不久的将来我又会拒绝table也不一定,道路是曲折的,但方向是前进的 【 在 lookforward 的大作中提到: 】 : 用table很好么?我刚开始学Dreamweaver,从帮助文档看起,看完了table觉得基本上网页都能做了呀,非弄个css出来 ☆─────────────────────────────────────☆ gl2k (欣然|未来IT民工) 于 (Tue May 13 09:40:52 2008) 提到: 【 在 lookforward 的大作中提到: 】 : 用table很好么?我刚开始学Dreamweaver,从帮助文档看起,看完了table觉得基本上网页都能做了呀,非弄个css出来 做一两个网页当然没问题。。成百上千呢。?我是在公司工作才意识到很多东西的重要性。 如果前台后台都一个人做,想怎么做都行,我有时也有table自己写点东西 ☆─────────────────────────────────────☆ gl2k (欣然|未来IT民工) 于 (Tue May 13 09:41:31 2008) 提到: 【 在 zbin 的大作中提到: 】 : 我确实用的是相对定位,我先前用的绝对定位如果在宽屏的时候居中了的话,在一般显示器上就会移到边上去 贴点代码出来吧。。。说的我都乱。。 ☆─────────────────────────────────────☆ zbin (三秦大地之zbin) 于 (Tue May 13 10:31:53 2008) 提到: 高度也有问题 【 在 gl2k 的大作中提到: 】 : body{width:800px;margin:0px auto;} : 最简单的固定宽度居中写法。。。 ☆─────────────────────────────────────☆ zbin (三秦大地之zbin) 于 (Tue May 13 10:34:50 2008) 提到: 我刚改绝对定位了,改乱了给 下面是css的代码 /* CSS Document */ /*头部样式*/ #hmarquee{ font-family:"华文行楷"; font-size:20px; background-color:#CC0000; color:#FFFF00;} #header{position:absolute;left:112px;top:5px; border-style:solid; border-color:#0033FF; border-right-width:1mm; border-left-width:1mm; border-top:2mm; width:778px; height:25mm; margin-left:auto; margin-right:auto; margin-top:0px; padding:2mm 2mm 2mm 2mm; overflow:hidden}/* margin-left:auto; margin-right:auto; 设置为auto,使其居中*/ #headerleft{ position:absolute;left:0px; width:242px; height:18mm;background-position:center; background-image:url(image/sanqin.jpg); background-attachment:fixed; background-repeat:no-repeat; z-index:0} #headercent{ position:absolute;left:245px; width:294px; height:18mm; top:0mm; background-position:center; background-image:url(image/bupt1.jpg); background-attachment:fixed; z-index:1} #headerrigh{ position:absolute;left:540px; width:110px; height:18mm; top:0mm; background-position:right;background-image:url(image/byr.gif); background-attachment:fixed; background-repeat:no-repeat; z-index:2} #enter{position:absolute; left:0px; width:132px; height:18mm; top:0mm; z-index:3} /*body样式*/ /*left*/ #bodyleft{position:absolute; border-style:groove;top:250px; left:0px;border-color:#CC0000; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-bottom-width:1px; width:200px; top:1px; height:600px; overflow:hidden;} #lefttop{position:absolute; border-style:groove;border-color:#CC0000; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; width:195px; top:2px; height:5mm; margin-left:1px; overflow:hidden;} #left{position:absolute; border-style:groove;border-color:#CC0000; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; width:195px;height:176px; margin-left:1px; overflow:hidden;} /*right*/ #bodyrigh{position:absolute; border-style:groove;top:250px; left:300px; border-color:#CC0000; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; width:592px; top:1px; height:600px;} #righttop{ position:absolute;border-style:outset; border-color:#33CCCC; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; width:586px; top:2px; height:7mm; overflow:hidden; margin-left:1px } #div1{ position:absolute; border-style:dashed; border-color:#CC0000;border-left-width:0px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; width:60px; top:1px; height:5mm; overflow:hidden;right:145px; margin-top:4px;} #div0{ position:absolute; border-style:dashed; border-color:#CC0000;border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; width:60px; top:1px; height:5mm; overflow:hidden;right:145px; margin-top:4px;} #rightview{position:absolute; background-color:#FFCCCC; width:586px; height:568px; margin-left:3px; margin-top:4px; overflow-y:scroll} /*bottom样式*/ #bottom{ position:absolute; left:300px; border-style:double;border-color:#CC0000; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; width:797px; top:1.5mm; height:5mm; overflow:hidden} 【 在 gl2k 的大作中提到: 】 : 贴点代码出来吧。。。说的我都乱。。 ☆─────────────────────────────────────☆ lookforward (丢丢球球之丢丢) 于 (Tue May 13 10:38:19 2008) 提到: CSS其实看起来可能会更好。关键我对这些还不是很熟悉,刚开始学习做网页。hoho 【 在 Earth 的大作中提到: 】 : 看爱好了,有人说很好,有人说很不好,反正我是从拒绝table到依赖table,也许不久的将来我又会拒绝table也不一定,道路是曲折的,但方向是前进的 ☆─────────────────────────────────────☆ lookforward (丢丢球球之丢丢) 于 (Tue May 13 10:38:43 2008) 提到: 嗯~ 还得跟大牛们多学习 【 在 gl2k 的大作中提到: 】 : 做一两个网页当然没问题。。成百上千呢。?我是在公司工作才意识到很多东西的重要性。 : 如果前台后台都一个人做,想怎么做都行,我有时也有table自己写点东西 ☆─────────────────────────────────────☆ hotpig (hotpig) 于 (Tue May 13 10:47:35 2008) 提到: 如果使用DIV+CSS排版使用相对定位吧 如果使用Table定位就容易多了 ☆─────────────────────────────────────☆ zbin (三秦大地之zbin) 于 (Tue May 13 10:57:26 2008) 提到: 前面有人说用绝对排版 我是个菜鸟,晕了....... 那些代码是我想当然写的,可能有很多不合理的或者错的地方 请高手指教 【 在 hotpig 的大作中提到: 】 : 如果使用DIV+CSS排版使用相对定位吧 : 如果使用Table定位就容易多了 ☆─────────────────────────────────────☆ ericyosho (ericyosho) 于 (Tue May 13 11:11:08 2008) 提到: 不要直接在窗口里面做绝对定位, 张xx的视频里面的做法,是在body中包含一个最外层的div,这个div用绝对定位到中间。 然后实际的内容都在这个大的div中写,可以使用相对定位。 既保证排版正常显示,又可以使用各种相对定位啊相对字体啊,给有视力缺陷的朋友提供帮助。 ☆─────────────────────────────────────☆ zbin (三秦大地之zbin) 于 (Tue May 13 11:35:50 2008) 提到: 哦,我正准看他的视频呢,前面看的时候直接跳过了这部分看了Javascript 【 在 ericyosho 的大作中提到: 】 : 不要直接在窗口里面做绝对定位, : 张xx的视频里面的做法,是在body中包含一个最外层的div,这个div用绝对定位到中间。 : 然后实际的内容都在这个大的div中写,可以使用相对定位。 : ................... ☆─────────────────────────────────────☆ Earth (★严守一殿下★♂) 于 (Tue May 13 14:47:46 2008) 提到: 木有时间看那玩意儿,有的东西要看好几遍,有的东西却感觉慢的离谱 ☆─────────────────────────────────────☆ ericyosho (ericyosho) 于 (Tue May 13 19:22:19 2008) 提到: 哎呀,忘了,好像不是张xx的,是那个DHTML+CSS的那个, 反正是两个里面的一个。 后面的那个赞一下好了。 张的那个确实有点慢,而且,紧密地团结在M$周围。
订阅后,新回复会通过你的通知中心匿名送达。
0 条回复
暂无回复 · 你可以订阅本帖等待新回复。