推 yamakazi:蠻專業的哦 03/14 22:22
推 KaurJmeb:嗯...被你一說才發現我沒用fx以外的開過這個部落格 03/16 22:39
我只是回文跟妳講一下
妳的blogger界面有點兒問題XDDD
<div id="content-wrapper">
<div id="main-wrapper"></div>
<div id="sidebar-wrapper"></div>
</div>
上頭是妳的網誌的基本框
所有東西是包在content-wrapper裡的
側欄部份是sidebar-wrapper
主文是main-wrapper
列一下數值妳應該就會知道哪邊怪怪的了
#content-wrapper {
margin:0 auto;
width:90%;
}
#main-wrapper {
float:right;
padding:30px 40px 0 30px;
width:71%;
}
#sidebar-wrapper {
float:left;
font-size:11px;
width:22%;
}
看出來了嗎～
外框大小小於裡面兩個div的寬度合(90% < 71%+22% = 93% )
所以在正常的瀏覽尺寸下(不對視窗做放大or縮小)
位於左邊的側欄會被主內文區擠到下面去^^
修正方式只需要調整一下#content-wrapper 的寬度比(90% -> 95%↑)
ps:會用95%是因為妳有用了左右padding
這常會使得網頁在不同瀏覽器下產生不一致的畫面～(詳見IE Box model bug
---
這裡好像是射箭社...... (默
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.217.13