2つのdivを中央に並べるにはどうすればいいですか？

ルック：私はdiv要素fieldsetの中心部でのdiv div_vagas_disponiveisと並んでdiv_percentual_vagas側、およびaliningを入れしようとしているhttp://jsfiddle.net/Ak334/2つのdivを中央に並べるにはどうすればいいですか？

。私は何が欠けていますか？

出典

2012-03-08 Vinicius Ottoni

次の例を示したときに無関係ながらくたをしてください削除。 – Qtax

：こちらを

#div_vagas_disponiveis { 
    display: inline-block; 
} 
#div_percentual_vagas { 
    display: inline-block; 
}

が働いている：http://jsfiddle.net/Ak334/3/

幸運を！

EDIT：

今、このチェック：

これを

display: inline-block; /* FF2*/ 
vertical-align: top; /* BASELINE CORRECCIÓN*/ 
zoom: 1; /* IE7 (hasLayout)*/ 
*display: inline; /* IE */ 
_height: 20px; /* IE6 */

と私はクロームでそれを確認し、IE7とIE8：見つかった場合http://jsfiddle.net/Ak334/9/

を、これはGoogleでハック私が見つけたリンク（スペイン語）：

http://ferticidio.com/display-inline-block-para-ie-y-los-demas-navegadores

出典

2012-03-08 12:53:33 MCSI

これはFFでうまくいきますがIE8ではうまくいきませんか？ IE8で –

がうまく動作します... IE7で見せてください – MCSI

IE8は*ハックを理解していますか？それがcompat（ie7）モードでない限り、私は思っていませんでした。また、ズームが何のためのものであるかわからない：display：inline-blockは要素のhaslayoutをtrueにし、それをdisplay：inlineに戻してHaslayoutを取り消しません。 – stommepoes

この試してみてください。この試みる

http://jsfiddle.net/Ak334/2/

<div style="width:270px;margin:0px auto;">

出典

2012-03-08 12:33:43

固定幅は使用できません。 –

@ ViniciusOttoniカウンターは100％幅を持たないでしょう - それはロジカルではありません。あなたはそれらのためにいくつかの最大のwsithを置く必要があります - または、Javascriptを使用する..... –

なぜあなたは固定幅を使用できませんか？これは反応的なレイアウトになっていますか？ emまたはremの幅/％の幅を計算します。あなたはdiv_vagas_disponieveisとdiv_percentual_vegasに設定された何らかの種類の幅を持っている必要があります。そうでなければ、ブラウザはそれらのdivの100％幅を取るでしょう。 – cschneider27

使用CSS

#fieldset div // you should think about changing id "fieldset is a HTML tag" 
{ 
    display:inline-block; 
}

出典

2012-03-08 13:11:26

2つのdivを中央に並べるにはどうすればいいですか？

答えて

関連する問題