您在這裡

CSS問題 ,版型spreadfirefox

vnsjustin's 的頭像
vnsjustin 在 2007-06-09 (週六) 15:46 發表

請問各位先進,我用的版型是spreadfirefox,之前有稍作更動,主要是中間內容欄位大小跟右欄位置的改變;因為我用的是Mac,所以一直不知有甚麼不妥,但是今天開XP來看,發現右邊會壓到右欄、照片配置也不同,我也望了我之前改的是甚麼,能否給個建議,會是哪一個CSS元素出了問題?會是相對、絕對位置還是區塊欄位px的大小?開XP用Firefox不會壓到,但IE就會

網址是www.poper.cc

我用FIREFOX的web developer工具幫你看了一下,你修改style.css裡有個
#sidebar-right .block .content {
background:no-repeat bottom left /* url(images/sidebar_box_bottom.png) */;
width: auto;
margin: 0;
padding: 0 1.0em 1.5em 1.0em;
}

將width: auto; 改成100%看看

好像還是不行,我剛看了一下SpreadFirefox的css,跟我的並沒有神麼不同阿!但是它在IE下卻是正常的,實在是不知道哪裡出了問題,還是這個版型本身的問題?抑或把left main right三欄的px定出來?再在下面加 float:left,這樣是個方法嗎?

我是看書上寫說IE會無視區塊的寬高指定,而是根據內容的多寡自動增減區塊的大小,你是MAC版的再試試看另外增加下列指令
* html #sidebar-right .block .content { height: 1%}
若是不能我也無解了,我的不是MAC PC @@"

ㄜ...這個..所以說要把它改掉嚕?還有一個疑問就是,若是我把main設為固定的px,這樣會不會隨著不同大小的瀏覽器視窗會有不ㄧ樣的呈現?若是會的話,有沒有比較好的設定方式?是在#main底下加入 margin-left : ??px 、 margin-right : %%px這樣的方式嗎?

版面蓋過的問題解決了,但又出現了另一個;請問一下 : 像這一頁第二篇"男人的刀"...http://www.poper.cc/node?page=2,左右兩張圖片都是以文繞圖align=這樣的方式呈現,但是內容欄的長度不會因文繞圖的長度而有所增加,直接蓋到下一篇內容的欄位,這個問題只有設定文繞圖的時候才有, 請問一下要從哪一個元素做更改?