1

ブラウザを大きくすると、divヘッダーの幅が100％表示されません。しかし、divヘッダーの幅を100％に設定しました。私がここで間違っているかもしれないことを誰かが指摘できますか？どうもありがとう。これが私のコードです：

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Welcome Page</title>
    <link rel="shortcut icon" href="image/icon.ico" >
    <link rel="StyleSheet" href="style/login.css" type="text/css"/>
        </head>
        <body>
            <div id="header">
            <div id="header_contain">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="50%" style="font-size: 18pt; font-weight: bold">Hello</td>
                        <td width="50%" align="right" style="font-size: 18pt; font-weight: bold">What's Up!</td>
                    </tr>
                </table>
            </div>
            </div>
     </body>
    </html>

cssコード

body
{
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size:10pt;
}

#header
{
width: 100%;
height: 85px;
background: #006666;
}

#header_contain
{
    color: white;
    width: 980px;
    height: auto;
    margin: 0px auto;
    padding-top: 30px;
}
4

4 に答える 4

0

コードを編集してテストしました。

  1. HTMLコード：

    <div id="header" style="width:1500px;">
        <div id="header_contain" style="min-width:980px;">

            <table>
                <tr>
                    <td>
                        <div style="width:500px;">
                        Hie, Div1 Content Here.!!
                        </div>
                    </td>
                    <td>
                        <div style="width:500px;">
                        Hie, Div2 Content Here.!!
                        </div>
                    </td>
                    <td>
                         <div style="width:500px;">
                        Hie, Div3 Content Here.!!
                        </div>
                    </td>
                </tr>
           </table>

        </div>

        </div>

  2. CSSコード..このようなもの。

    html, body
{
 height: 100%;
 margin: 0px;
 padding: 0px;
 font-family: arial, helvetica, sans-serif;
 font-size:10pt;
 overflow:auto;
}

#header
{
 height: 85px;
 background: #006666;
}

#header_contain
{
color: white;
height: auto;
margin: 0px auto;
padding-top: 30px;
}

それがあなたを助けるなら、あなたの受け入れ率を改善することを忘れないでください。乾杯。!!

于 2012-10-21T13:44:10.520 に答える
0

私はheadeddivですでに使用しているheader_containdivに同じ色を使用しており、この方法でこの問題を解決しています。

#header
{
width: 100%;
height: 85px;
background: #006666;
}

#header_contain
{
    color: white;
    width: 980px;
height: 85px;
background: #006666;
    margin: 0px auto;
    padding-top: 30px;
}
于 2012-10-23T20:56:56.347 に答える
0

<div>タグを含め、幅が100％を超えるすべての要素を設定する必要があります<html>。

于 2012-10-21T13:40:24.893 に答える
0 
#header
width: 100%;
height: 85px;
background: #006666;
position:fixed;
z-index:999;
top:0;}
于 2012-10-22T14:32:02.897 に答える