css - CSSをリッスンしていないDIV幅

Question

以下のコードは私がやろうとしていることの例です。このdivは600px幅にまたがる必要がありますが、max-width：600px; または幅：600px; それはまだ私のPC画面の幅です。

どうすれば幅600pxにすることができますか？

<style>
.errormsg3 { 
    text-align: center;
    font-weight:bold;
    color:white;
    font-size: 16px;
    background-color:red;
    padding:8px;
    max-width: 600px;
}
</style>

<?PHP
if (isset($_SESSION['sess_msg'])) {
    echo '<div class="errormsg3">' .$_SESSION['sess_msg']. '</div>';
    unset($_SESSION['sess_msg']);
} 
?>

アップデート

現在は機能しています。Firefoxが私のサイトをキャッシュしているようですので、以前は機能しなかったのかもしれません。

divは赤ですが、赤い部分の外側でdivにパディングを追加することは可能ですか。したがって、白いパディング/スペースのようなものがあります。

score 2 · Accepted Answer

そのCSSは私にとってはうまく機能します。それをオーバーライドする別のCSSルールがないことを確認しますか？要素の計算されたスタイルとその出所を表示できるFirebugなどのツールを使用してみてください。

score 0 · Accepted Answer

Firebugを使用してデバッグし、そのdivクラスをオーバーライドするものがないことを確認し、含まれている要素がどのように配置されているかを確認します。

score 0 · Accepted Answer

-max-width: 600px;
+width: 600px;

IEはmax-widthが好きではありません。テスト済みで、IE / FF/Chromeで動作します。

score 0 · Accepted Answer

divよりも大きいものが内部にないことを確認してください。IEは、コンテンツを考慮してdivを拡張することにより、内部コンテンツが大きいdivをレンダリングする場合があります（バージョンによって異なります）。

これをテストする簡単な方法は、overflow：hiddenを追加して、何かを非表示にするかどうかを確認することです。

score 0 · Accepted Answer

これをHTMLファイルとして使用する

<html><head><style>
body {text-align: center;}
.errormsg3 { 
    text-align: center;
    font-weight:bold;
    color:white;
    font-size: 16px;
    background-color:red;
    padding:8px;
    width: 600px;
    margin: 0 auto;
}
</style>

<body>
if (isset($_SESSION['sess_msg'])) {
    echo '<div class="errormsg3">' .$_SESSION['sess_msg']. '</div>';
    unset($_SESSION['sess_msg']);
} 
</body>

Vista32ビットのFF3.5.2、Opera 9.64、IE8.0.6001.18813で中央揃えの600px幅のメッセージが表示されます。margin: 0 autoIEは、他のブラウザの場合と同様に、ブロックを中央に配置するために追加のテキスト整列が必要です。

score 0 · Accepted Answer

多くの場合、属性の後ろに重要を追加すると、親が宣言した他のすべての幅が上書きされるため、役立ちます。あなたはそれをこのように書く必要があります：

width: 600px !important;

score -1 · Accepted Answer

-1

オーバーフローを追加：自動; あなたのCSSに。

于 2009-08-07T19:49:17.233 に答える

css - CSSをリッスンしていないDIV幅

7 に答える 7

Related

Reference