請問各位先進，我用的版型是spreadfirefox，之前有稍作更動，主要是中間內容欄位大小跟右欄位置的改變；因為我用的是Mac，所以一直不知有甚麼不妥，但是今天開XP來看，發現右邊會壓到右欄、照片配置也不同，我也望了我之前改的是甚麼，能否給個建議，會是哪一個CSS元素出了問題？會是相對、絕對位置還是區塊欄位px的大小？開XP用Firefox不會壓到，但IE就會
網址是www.poper.cc
CSS問題 ,版型spreadfirefox
請問各位先進，我用的版型是spreadfirefox，之前有稍作更動，主要是中間內容欄位大小跟右欄位置的改變；因為我用的是Mac，所以一直不知有甚麼不妥，但是今天開XP來看，發現右邊會壓到右欄、照片配置也不同，我也望了我之前改的是甚麼，能否給個建議，會是哪一個CSS元素出了問題？會是相對、絕對位置還是區塊欄位px的大小？開XP用Firefox不會壓到，但IE就會
網址是www.poper.cc
Re: CSS問題 ,版型spreadfirefox
我用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%看看
Re: CSS問題 ,版型spreadfirefox
謝謝,不過好像還是不行,在 IE看會蓋過右邊
Re: CSS問題 ,版型spreadfirefox
再加一個指令 float:right; 看看?
Re: CSS問題 ,版型spreadfirefox
好像還是不行,我剛看了一下SpreadFirefox的css,跟我的並沒有神麼不同阿!但是它在IE下卻是正常的,實在是不知道哪裡出了問題,還是這個版型本身的問題?抑或把left main right三欄的px定出來?再在下面加 float:left,這樣是個方法嗎?
Re: CSS問題 ,版型spreadfirefox
我是看書上寫說IE會無視區塊的寬高指定,而是根據內容的多寡自動增減區塊的大小,你是MAC版的再試試看另外增加下列指令
* html #sidebar-right .block .content { height: 1%}
若是不能我也無解了,我的不是MAC PC @@"
Re: CSS問題 ,版型spreadfirefox
不會是跟我買的一樣是"CSS 功能索引式參考手冊"吧...
剛剛弄好了，我把main設固定的px 然後在把右欄設float:left 謝啦～
Re: CSS問題 ,版型spreadfirefox
確實是同一本書,你的右欄怎會是設 float:left ? 區塊靠左文字在右側繞圖排列?
Re: CSS問題 ,版型spreadfirefox
ㄜ...這個..所以說要把它改掉嚕？還有一個疑問就是，若是我把main設為固定的px，這樣會不會隨著不同大小的瀏覽器視窗會有不ㄧ樣的呈現？若是會的話，有沒有比較好的設定方式？是在#main底下加入 margin-left : ??px 、 margin-right : %%px這樣的方式嗎？
Re: CSS問題 ,版型spreadfirefox
設定百分比的話,放大縮小的視窗顯示比較不會亂掉,採用px的方式也是可以,不過要設定成版面配置不動,視窗要使用縱橫捲動軸才行...
Re: CSS問題 ,版型spreadfirefox
設定百分比的是例如 左欄是20% 中間50% 右欄30%這樣各自設定嗎
Re: CSS問題 ,版型spreadfirefox
剛又看了一下,發覺怎麼每次看板面都不一樣.......誰能用webdeveloper幫我看看...主要是中間欄跟右欄的位置,希望能不因瀏覽器縮放而中間蓋到右邊
Re: CSS問題 ,版型spreadfirefox
版面蓋過的問題解決了,但又出現了另一個;請問一下 : 像這一頁第二篇"男人的刀"...http://www.poper.cc/node?page=2,左右兩張圖片都是以文繞圖align=這樣的方式呈現,但是內容欄的長度不會因文繞圖的長度而有所增加,直接蓋到下一篇內容的欄位,這個問題只有設定文繞圖的時候才有, 請問一下要從哪一個元素做更改?
Re: CSS問題 ,版型spreadfirefox
記得要清除浮動，加上：
.links {clear:both;}