2011-10-17 28 views
0

これに似た他の多くの質問をチェックしましたが、解決策がないようです。私は体を持っているウェブサイトを持っていて、次に内容と呼ばれる内部divを持っています。私が試してみました:CSSの高さが100%ではない

body 
{ 
    height: 100%; 
} 

content 
{ 
    height: 100%; 
} 

や質問のほとんどに対する答えた

body 
{ 
} 

content 
{ 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
} 

を。何らかの理由で私たちのために働いていません。絶対位置指定で強制を実行すると、ページの長さ以上に伸び、中央に配置する場合は左にコンテンツをプッシュします(margin-left:auto; margin-right:auto;を使用)

助言がありますか?

+1

数字1は、コンテンツが要素ではないということです。それはid:#content、またはclass:.contentである必要があります。しかし、おそらくもっと進んでいます。 –

+0

#contentでした。私はちょうどその質問にそれを述べなかった。混乱させて申し訳ありません!私はそれをしておくべきだった – pongahead

答えて

5

bodyとdivに加えて、htmlを100%の高さに設定する必要があります。

html, body, div{ 
    height: 100%; 
} 
+0

私はスタイルにhtmlタグがあったことを忘れていた。ありがとう! – pongahead

0

私のソリューション:

<html> 
<head> 
<style> 
body 
{ 
    height: 100%; 
    padding: 0; 
    margin: 0; 
} 

#content 
{ 
    height: 100%; 
    background: red; 
} 
</style> 
</head> 
<body> 
    <div id="content"></div> 
</body> 
</html> 

作品罰金。属性background: red;はテスト用です。

+0

私はすでにそれを試みていて、うまくいきませんでした。上記のソリューションは、HTMLを100%に設定するのを忘れていました。 – pongahead

関連する問題