2011-11-14 16 views
0

ずに揃えるには、私は3つのdiv要素 IE 7左中央右の表

<div id="container"> 
    <div id="left">left</div> 
    <div id="center">center</div> 
    <div id="right">right</div>  
</div> 

を持っていると私は水平 IE7で正しいものは次の行にジャンプ並んでそれらを持っている必要があります。 私は左右のフロートを使用しています(中央は表示:インライン;クリア:なし;) 私は絶対位置から離れています(ただし、その唯一の方法です) 賢い方法の提案テーブルを使わずにこれを達成できますか? ありがとう

+0

は、これまでのところ、私は良い作品という試みているものに#containerに設定されていますポジションを持つ:relative; position:absoluteを持つ#centerを指定します。そういう意味で、センターは2つの他のものの上に浮かんでいます...理想的ではありませんが、私が今できる最良のものです。他の提案は歓迎です – salmane

+0

あなたは['holy grail'](http://www.alistapart.com/articles/holygrail/)を探していますか? – Strelok

+0

LOL ....これらの苦しいIEエクスペリエンスの1つ:) – salmane

答えて

1

使用float: left;すべてのdivでcss。不要display:inline;

HTML:

<div id="container"> 
    <div id="left">left</div> 
    <div id="center">center</div> 
    <div id="right">right</div>  
</div> 

CSS:

#container div{ 
    float: left; 
    width: 30%; 
} 
+0

おかげでArif、この方法の問題は、私はwidth..whilewhileを割り当てる必要があるということです。そのコンテンツに柔軟性を持たせたいテーブルが動作する) – salmane

関連する問題