summary页面错位

[espresso]

原来是用Appserv的，最近改为Xampp了，也很顺利就成功了。嫌summary和admin页面的字体太小，就改动了style里的summary.css和admin.css里的字体，由默认的12改为16了，刷新后发现summary页面右边的部分，也就是搜索栏所在的那右边1/3的部分整体向下平移了不少，非常不协调，该怎么办？

把16改回成12页面就正常了，但是字体太小这个问题还是要解决。试着把原来显示正常的blog系统（备份的）的summary.css替换也不能解决问题，提取官方下的plog安装包中的文件替换也是一样。

出现问题的是IE6，FF则没有问题。第一：不能强迫用户都换浏览器；第二：blog架设在内部网络，不方便放到Internet上。

使用的软件：Xampp 1.5,plog 1.0.2,IE6 sp1

[markwu]

你有沒有 screen shots呢？這樣的描述實在是無法想像。

Mark

[james]

原来是用Appserv的，最近改为Xampp了，也很顺利就成功了。嫌summary和admin页面的字体太小，就改动了style里的summary.css和admin.css里的字体，由默认的12改为16了，刷新后发现summary页面右边的部分，也就是搜索栏所在的那右边1/3的部分整体向下平移了不少，非常不协调，该怎么办？

把16改回成12页面就正常了，但是字体太小这个问题还是要解决。试着把原来显示正常的blog系统（备份的）的summary.css替换也不能解决问题，提取官方下的plog安装包中的文件替换也是一样。

出现问题的是IE6，FF则没有问题。第一：不能强迫用户都换浏览器；第二：blog架设在内部网络，不方便放到Internet上。

使用的软件：Xampp 1.5,plog 1.0.2,IE6 sp1

Hi espresso:
因為看不到畫面。
所以我只能試著用我的想像力還回答你的問題.
如果你將字體變大後發現版面被擠開了，比較簡單的方法是把summary的css 檔中的 content和left-coloum, main-coloum, right-coloum的寬度也跟者調大.
這樣應該可以改善版面被擠開的情形。
以上的回答純屬猜測，如果錯誤請多包涵:)

James.

[espresso]

明天回公司再把截图帖出来。

原来的summary.css也只改过字体，页面没有问题的。现在只要改动了默认的12字体就坏了，不要说调到16，好像连13都不行。

[hlps9999]

我猜！您那summary頁面中間的「最新發表文章」裡，是不是有文章的內容是有網址的呢？

因為有網址，放大字型後，因網址不能自動換行，在Fx底下這網址只會跨到右邊的版面去，但不影響版面，可是在IE底下卻會將右邊的版面往下擠。

假如是這樣的情形，您可以參考lss的這一篇「FireFox 裡長網址不能自動換行的解決方案」

[espresso]

多谢指教，最新发表的文章确实有网址的，网址也不长，一行还没有到头。这篇文章原来显示不出来的，只是显示...的，我后来重新编辑了一下，改成一行了，看长度没有跨过中间啊。记得原来也发表过带网址的，那个比现在的还要长都没有问题，现在咋的？

我还记得禁用这篇文章好像还是有问题，因为我曾经调整过最新发表的文章只显示一篇，这篇不是最新的，但是还是错位，我再试试看。

我昨天说过把screenshot贴上来，让大家看看的。

大家看看怎么办？

[espresso]

我试过了，删掉带网址的那篇文章都不行，这时summary上没有显示出来带网址的，只有系统默认的“祝贺你”两篇，可是还是错位的，每次操作我都清空tmp的。

[lss]

那是 IE 才會有的錯誤，如果你只改 font 的大小，得相對修改一些地方，這有待你自己去研究了。
這裡有網友 copper 發表的成果可以供你參考：
http://forum.lifetype.org.tw/index.php?topic=1596.0

[espresso]

多谢你提供的资料，现在反馈一下：
1。在未看你的回复之前，我在cnplog上找到一个解决方法了，http://www.cnplog.com/forum/viewtopic.php?t=42，他提到的!important很有道理，我把他提供的summary.css覆盖确实可以了，字体也变大了一些，虽然不是我要的16，看样子是14，不过也不错。但是我看过那个css，还没有找出改了哪些地方，里面还是12，我要好好研究一下。

2。你提供的那篇文章真的很针对我的问题，我仔细看过了，有些启发。我把字体改为16，即使把页面宽度改为800也没有用，后来把字体改为14，页面宽度只有到了796之后页面才正常，但这时候两边（尤其是topadmin.jpg的两边）都有一些阴影，或者是一些空白，很不协调。不知道这是不是文章中提到的“容易出现问题” ？

3。文章提到的是逐项逐项修改summary的字体大小，其实我要的是整体变大，而不只是导航栏的字体，所以这样还是繁琐的。不明白先前一次架设plog的时候，我只是修改了font-size那一个地方就可以了，而这次偏偏弄出来一个页面错位的问题。即使把css覆盖回去也不行。blog没有变，IE没有变，只是把Apache从1.3升到了Apache2.0，是不是这个原因？

其实期待有好一些的summary模板，除了官方的就只有那个5y6s，拿来用还有修改很多地方，图片、Flash、logo、footer都要修改，还有编码的问题，工作量很大。

[markwu]

3。文章提到的是逐项逐项修改summary的字体大小，其实我要的是整体变大，而不只是导航栏的字体，所以这样还是繁琐的。不明白先前一次架设plog的时候，我只是修改了font-size那一个地方就可以了，而这次偏偏弄出来一个页面错位的问题。即使把css覆盖回去也不行。blog没有变，IE没有变，只是把Apache从1.3升到了Apache2.0，是不是这个原因？

Apache Server 跟 CSS 的顯示，絕對沒有關係！

其实期待有好一些的summary模板，除了官方的就只有那个5y6s，拿来用还有修改很多地方，图片、Flash、logo、footer都要修改，还有编码的问题，工作量很大。

如果這是你的工作，那必須自己努力。天下沒有不勞而獲的事。你不能要求別人幫你做好，而你自己拿去用。所以你這樣的抱怨，是非常沒有 sense 的。

另外，你可以重你自己做起。當你的模版改完後，貢獻出來。

不過會這麼做的人真的不多，因為大家都抱著自私的心理，我改了就是我的。呵呵！

BTW，回到正題。你要修改 CSS，你必須要知道修改哪裡才行。我在 Wiki 已經寫明，可以用 webdeveloper 來看頁面的 CSS tag，就是沒人願意來看。我附上一張我用 webdeveloper 所顯示的 CSS 標籤。

你只細看，裡面有四個 CSS 標前是必須要注意的：
1. container：整個頁面的基礎標籤，用來控制頁面的寬度等等。
2. column-left：左邊的 side bar
3. maincolumn：中間的專欄顯示
4. colum-right：右邊的 side bar

所以你覺得如果右邊會掉下去，那麼我們應該來調哪裡呢？

我們來看掉下去的原因：
1. container 太小了？所以把 container 加大。(這是 copper 的作法)
2. maincolumn 太大了？所以我們可以把 main column 縮小
3. 還是 column-left 太大了，那麼我們也可以把他縮小。

我不想直接告訴你改哪裡。不是我小氣，因為我假設你會改，表示你已經懂 HTML 與 CSS，你必須自己來學習找答案。這樣你才能學會下次自己找來解決問題。

Mark

[espresso]

多谢mark的指导，现在反馈一下：

你只細看，裡面有四個 CSS 標前是必須要注意的：
1. container：整個頁面的基礎標籤，用來控制頁面的寬度等等。
2. column-left：左邊的 side bar
3. maincolumn：中間的專欄顯示
4. colum-right：右邊的 side bar

更改mailcolumn不起作用，我把默认的436改到420都没有变化，于是更改colum-right，字体设为14，由默认的160px改到150就可以了，右边的sidebar上来了，看着也很协调，把colum-left也改成150了，左右好对称，发现几乎看不出来变化。FF对比IE下稍微有点不同，就是mailcolunm往左边稍稍偏了点，不过还好，用户几乎都是用IE的。

最近在研究lifetype，如果做出了好一点的模板我会放出来的。

[markwu]

恭喜。這樣的方向就對了....

沒有那麼好的事，網路上的人一切都幫你做好 ..... 所以，你還是必須自己來改。只是，要搞對方向才有可能改的對。

建議你去下載 webdeveloper 這個 firefox 的 plugin，沒有他，我自己也是寸步難行

Mark

[espresso]

建議你去下載 webdeveloper 這個 firefox 的 plugin

最新的webdeveloper0.9.3不支持FF1.5，

用了好几年的Maxthon（MyIE2），都习惯了，再说，我确实还没有感受到FF有什么比Maxthon更强大的功能、更方便的操作而让我值得放弃它。

[markwu]

建議你去下載 webdeveloper 這個 firefox 的 plugin

最新的webdeveloper0.9.3不支持FF1.5，

用了好几年的Maxthon（MyIE2），都习惯了，再说，我确实还没有感受到FF有什么比Maxthon更强大的功能、更方便的操作而让我值得放弃它。

天啊！拜託.... 

我沒有有要你放棄 maxthon，因為我也是用  maxthon。重點是透過 webdeveloper 你可以看到他的 CSS ID/Class 等資訊。

你就不能（會) 輪流著用嗎？如果你不裝，沒關係。你必須自己找到也能很容易辨認 CSS class/id 的方式，則沒有人可以隨時告訴你要改哪裡。這才是重點。

web developer 已經到 0.94了，可以用在 FF1.5。

Mark

[resnick]

建議你去下載 webdeveloper 這個 firefox 的 plugin

最新的webdeveloper0.9.3不支持FF1.5，

用了好几年的Maxthon（MyIE2），都习惯了，再说，我确实还没有感受到FF有什么比Maxthon更强大的功能、更方便的操作而让我值得放弃它。

雖然你的回答很神奇，不過如果你真的不用FF也OK阿，那就用你的記事本跟想像力，慢慢的在你腦中把預覽的結果想出來吧，不然就用用記事本改CSS裡面的參數，一直更新頁面看結果。

當然如果你看不出tag的意思，那就一個一個調，然後更新頁面看結果變怎樣，調到滿意為止，這就是最土法煉鋼的方法。

resnick