作者vincentaabc (西瓜)
看板Blog
標題[Blogger] Blogger 文章欄的位置跑掉?
時間Mon Jan 11 08:30:15 2010
日前幫朋友弄了一個Blogger的版面
可是發現我弄的文章欄位
在IE正常 在火狐就會跑到下面去
http://sunrisemt.blogspot.com/
想請問
我是要調整哪裡呢?
因為我嘗試了改些地方的語法都沒有改變
是以下出了問題嗎?
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 970px;
margin: 60px auto 0px auto;
padding: auto 0;
text-align: $startSide;
font: $bodyfont;
background:
url(
http://lh3.ggpht.com/_s6y5uOsajjU/SyfqelLt4QI/AAAAAAAAAH0/tzcRmOL3iwg/s512/left.jpg)
left no-repeat;
}
#content-wrapper {
width: 701px;
margin: 0px auto 0 121px;
#margin: 0 auto 0 122px;
_margin: -4px auto 0 119px;
padding: 0;
}
#left-wrapper {
float: $startSide;
width: 104px;
margin: 170px 0px 0 10px;
#margin: 170px 0 0 11px;
_margin: 170px 0 0 6px;
word-wrap: break-word;
overflow: hidden;
}
#main-wrapper {
width: 701px;
margin: 0px 0px 0px 0px;
_margin: 0px 50px 0px 0px ;
padding: 50px 0px 50px 0px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
list-style-image:
url(
http://lh5.ggpht.com/_s6y5uOsajjU/SyeVv1O-3II/AAAAAAAAAEc/kUS4wtmo9z0/list.jpg);
background:
url(
http://lh6.ggpht.com/_s6y5uOsajjU/SyhdQfsY99I/AAAAAAAAAH4/kgX26lcgGXg/post_top.jpg)
no-repeat;
}
#right-wrapper {
width: 129px;
margin: 100px -50px 0 0;
#margin: 6px -50px 0 0;
_margin: 6px -50px 0 0;
padding: 0;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
另外在使用IE瀏覽器的時候
回覆意見的欄位都會變得怪怪的
會變得像是這樣
http://picasaweb.google.com/vincentaabc/aNGoGE#5425272933394849730
請問這樣是哪邊出了問題呢@@?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.43.100.241
1F：→ amethysta:第一個問題，把main-wrapper的float拿掉看看 01/11 12:06
2F：→ vincentaabc:位置的問題解決了，可是又變成在火狐看的時候， 01/11 15:53
3F：→ vincentaabc:沒辦法點擊看文章....||| 01/11 15:53