« 加班的工作態度 | 回到主頁面 | 魔法字眼~『企業文化』 »

April 07, 2004

我的mt變成三列


將此網頁加入【百度收藏】... 加入此網頁到【del.icio.us 書籤】 technorati
CSS 令人難懂得東西

最近看到學弟的Blog變成了三列的形式,對於功能眾多的我來說,三列的表達方式似乎是最好的。所以我也學習他一樣去修改CSS來貼上自己的StyleSheet,大家也可以下載這個CSS檔案,然後修改成自己的顏色,放入自己的MT之中。

不過現在問題來了,就如同各位看到的一樣,這個CSS似乎沒有對齊。因為我使用的是絕對定址(position:absolute)的方式,所以在不同的顯示模式下,跑出的樣子也會不太一樣。

後來我用相對位置(position:relation)但是卻無法正常的顯示,真是怪怪的,那個CSS強的大哥好好告訴我,以下這幾行為何出錯呢?

 

 

 



MovableType的學習

由 Evan 發表於 April 07, 2004 將此網頁加入【百度收藏】... 加入此網頁到【del.icio.us 書籤】 technorati
引用
本文的引用網址:


以下是前來引用的連結 '我的mt變成三列' 來自 Blog E
迴響

用 float 吧.
http://www.w3.org/TR/CSS21/visuren.html#floats

dingjie 發表於 April 9, 2004 12:28 AM

對了 ~ 附上一張 firefox 的顯示結果
http://dingjie.org/tmp/css.jpg

dingjie 發表於 April 9, 2004 12:40 AM

好慘阿

不過我的 CSS在 relative 那邊就是沒辦法跑得很漂亮

dingjie 你提的FLOAT 我會去弄弄看

感謝阿

Evan 發表於 April 9, 2004 12:47 AM

也許你可以去看看我那邊的設定 =D

dingjie 發表於 April 9, 2004 06:13 AM

Dingjie 我正在偷取中 :p

Evan 發表於 April 9, 2004 05:59 PM

感謝

~~~ 我後來還是採取 Absolute:position 來定位
似乎比較對的準

可能之前對於百分比沒有取準


#llinks {
position:absolute;
top: 120px;
left: 2%;
right: 73%;
width: 25%;

background:#999;
color: #DAA520;
text-align:center;
}

#content {
position:absolute;
top: 120px;
right: 27%;
left: 27%;
width: 46%;
padding: 10px;
background:#FFF;
}

#links {
position:absolute;
top: 120px;
left: 73%;
right: 2%;
width: 25%;

background:#999;
color: #FFE478;
}

Evan 發表於 April 9, 2004 06:32 PM

BTW 之前 Z-index 的定位方式會造成覆蓋的方式
不知道 從哪裡抄來的方式
根據 Z-index 的方式可以做出具有覆蓋效果的小方塊
卻無法做出我需要的東西


anyway 還是使用 Absolute:position;
似乎比較適用!!!!

Evan 發表於 April 9, 2004 06:34 PM

我也正在深深思索改變成三列的可能性

因為我的二欄已經不敷我使用了

凱洛 發表於 April 14, 2004 11:26 AM

是應該要用了Carol 因為你的東西還蠻多的!!

Evan 發表於 April 14, 2004 12:59 PM

同樣是三欄式.不過我們的 side bar 設定似乎不一樣!?
我的是把side bar 定死的.

另外,關於那個"回響"導引的功能,我還是看不太懂要改哪些地方!?可以再指點一下嗎!?

cat_devil 發表於 November 7, 2004 02:09 AM

cat
你指的回響導引是哪個
因為我看你的迴響方面似乎沒有問題ㄚ????

Evan 發表於 November 7, 2004 11:49 AM

報告 是本文那邊的迴響,我希望一你這邊的方式.不會另開視窗這樣..我不清楚要改哪幾個模板,怕漏掉..

cat_devil 發表於 November 7, 2004 11:02 PM

喔~~~~

<a href="<$MTEntryPermalink$>#comments_post">迴響 (<$MTEntryCommentCount$>)</a>

把這個加上去吧
就會直接連到你的個別網頁中
而不會開


(記住~~ 要把<改成半形)

Evan 發表於 November 8, 2004 02:55 AM

哦~~喔,我大概知道了。(maybe..)
晚點來改看看 :)
謝啦 Evan

cat_devil 發表於 November 8, 2004 11:28 PM
發表迴響









記住我的資訊?




(請輸入以下的驗證碼)