センターdivの垂直は、私はFirefoxでのdivを中心に問題を抱えているFirefoxの

でのWebKitが、バグで正常に動作し、すべてのWebKitのブラウザで正常に動作するようですので、私は本当に私が間違ってやっている知らない：センターdivの垂直は、私はFirefoxでのdivを中心に問題を抱えているFirefoxの

私のCSS：

html { 
width: 100%; 
height: 100%; 
} 

body { 
position: absolute; 
top: 0px; 
bottom: 0px; 
left: 0px; 
right: 0px; 
height: 100%; 
width: 100%; 
} 

#Page { 
position: absolute; 
left: 0px; 
right: 0px; 
top: 0px; 
bottom: 0px; 
} 

#LoginBackground { 
position: absolute; 
margin-top: -45%; 
margin-left: -35%; 
left: 50%; 
top: 50%; 
width: 70%; 
height: 90%; 
}

マイHTML：

<body> 
<div id="Page"> 
<div id="LoginBackground"> 
</div> 
</div> 
</body>

が、これはGeckoのENG内のバグです私は間違ったことをしています。

出典

2012-04-19 David Greiner

#loginBackground 
{ 
top:0; 
margin-top: 5%; 
}

EDIT 新しいフィドルhttp://jsfiddle.net/FsjNu/2/

html { 
width: 100%; 
height: 100%; 
} 

body { 
position: absolute; 
top: 0px; 
bottom: 0px; 
left: 0px; 
right: 0px; 
height: 100%; 
width: 100%; 
} 

#Page { 
position: relative; 
width: 100%; 
    height:100%; 
} 

#LoginBackground { 
border: 1px solid red; 
height: 90%; 
left: 50%; 
margin-left: -35%; 
position: absolute; 
top: 5%; 
width: 70%;

}

出典

2012-04-19 18:01:07 user1289347

私は十分な情報を提供したとは思わない。あなたの答えは正しいが、私の問題には十分ではない。ありがとうtho –

実際には、現在のFirefoxのリリースでは動作しません。 –

はFF11で動作します。 – user1289347

私には水平の整列がうまくいきますが、縦に問題があるようですが、これを試してください。

出典

2012-04-19 17:58:44 mamadrood

did not help。ここで私の例を見てください。[link]（http://davidgreiner.dyndns.org/usocial/login.html） –

これはtop：0＆margin-top 5％で動作しますが、フッタは赤いdivになります。フッターの高さ（10％）を赤いdivの高さに引く必要があります。 – mamadrood

ええ、今私はあなたを得た。私は別のアプローチを試みると思います。ありがとうtho –

<body> 
<div id="Page"> 
<div id="LoginBackground"> 
</div> 
</div> 
</body>

使用 #page {幅：980px; マージン：10ピクセルオート; } #LoginBackground { margin：50px auto;
幅：500px; }

出典

2012-04-19 18:04:04 sohaan

私は固定幅が欲しくない、デザインは液体でなければならない。 –

ブラウザのウィンドウに応じてサイズを変更する必要がありますか、その幅はその内部の要素の幅に依存する必要があります – sohaan

ブラウザウィンドウでサイズ変更 –

センターdivの垂直は、私はFirefoxでのdivを中心に問題を抱えているFirefoxの

答えて

関連する問題