作者etchen (『M.』)
看板Web_Design
标题[问题] CSS三栏式排版问题
时间Sat Apr 19 22:14:48 2008
这是我写的CSS内容，
碰上了一些难题想问问大家^^
基本上我都会看IE和FF显示出来的样子是怎样，
可是用IE看CONTENT的部份上面会空白好大一块，FF则不会。
是因为浏览器的关系吗？
然後Content的地方，
若内容文字超过所设定的宽度，
却会与Right区块重复到，是否要写强制断行呢？(我记得爬文好像有)
还有就是我的Right区块如果设定宽度为140px靠右，
他却会凸一点点出来，
如果设为160px的话他就会乖乖在里面了，
我都有用middle包起来了，为何还会这样呢^^？
以下是css内容：
#middle{
position:relative;
width:900px;
border-width:0px;
background-color:#ffffff;
margin:10px 0px 0px 0px;
}
#left{
float: left;
border-width: 0px;
background-color: #ffffff;
width:140px;
}
#content{
padding:0px 160px 0px 160px;
border-width: 0px;
background-color: #ffffff;
width:580px;
}
#right{
float:right;
border-width: 0px;
background-color: #ffffff;
width:160px;
}
网页内容是这样：
<div id="middle">
<div id="left">左边区块内容</div>
<div id="content">中间区块内容</div>
<div id="right">右边区块内容</div>
</div>
谢谢大家(∩_∩)
--
请勿拍打、喂食！
http://www.wretch.cc/album/etchen
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 123.204.33.140
1F：推 pm2001:div不是会强制换行吗? 04/19 22:27
2F：→ etchen:写这个时常鬼打墙一样...他就是没换行T_T 04/19 22:32
3F：推 world9918:用Position就变成图层了吧..应该不会换行 04/20 00:38
4F：→ etchen:我後来把middle的position拿掉.可是段行还没解决.还有right 04/20 01:17
5F：→ etchen:会凸出去的问题很扰人>_< 04/20 01:18
7F：→ etchen:@_@感谢楼上，可是我不是要这种... 04/20 14:05
8F：推 mdfh:冏 我眼花看错了.... 04/20 15:51