作者weijr (Beware of the Monkey)
看板Blog
标题Re: [问题] 如何固定网页元素的大小
时间Sun Mar 25 07:48:17 2007
※ 引述《linces (DonDoThat!)》之铭言:
: 如提
: 我用BLOGGER 的Minima Stretch范本(第一行第二大项
: 发现我把网页放大时所有的元素栏位也变大了
: 目前完全不知从何改起~~囧
: 请高手指点
这种东西可能对很多人来说很基本,回答起来觉得有点占版面,不过连续看到很
多人在问类似的问题。
如果有心要写 blog ,重点在内容,那可以不必太注重版面。
如果想要美观顺心的版面,目前来说,还是要学一点 CSS 比较好。 以 blogger
来说,大多数的版面应该都是
outer-wrapper 里面包 content-wrapper,然後里面包 main-wrapper 和
sidebar-wrapper。(有些模板里面没有 content-wrapper)
main 里面放你的主要内容,sidebar 当然就是边栏了。
这些 wrapper 都是用 div ,你可以想像这是一些盒子。
(有些模板里面没有 content-wrapper。就直接outer 包 main 和 sidebar)
所以你要改的就是这几个盒子的大小和位置。在版面设置的 html 里改。
宽度是里面最简单的,有两种表示法 百分比(如 70%)和绝对宽度(如 600px)。
border 等等的部份也有关,外加位置有绝对位置和相对位置,还有许多规则
(clear, float 一堆东西),比较复杂,这个就一言难尽了。可以搜
寻网路,或者用view source, firefox 的 web devloper 工具列来看参考别人
的模板。
一个我喜欢的两栏式样式(右栏固定宽度,左栏比例)我有笔记,你可以参考
http://weijr-note.blogspot.com/2007/03/css-side-bar_20.html
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.115.200.253
1F:推 linces:谢谢呀~~~对我来写得真是详尽.原来outer wrapper有关系的.. 03/25 10:02