この非常に基本的なコードに関する私の問題はtop-header、android chrome ブラウザーで全幅を使用できないことです。
の幅を削除すると、全幅になりpage-widthますtop-header...しかし、幅を設定する必要があります!
top-header全幅を取るようにするにはどうすればよいですか？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<!-- TOP HEADER -->
<div id="top-header">
<div id="nav" class="page-width">
test
</div>
</div>
<!-- CONTAINER -->
<div id="container" class="page-width">
test
</div>
</body>
</html>
/********** TOP-HEADER **********/
#top-header {background:#719bb5 url(../images/layout/bg_header.png) repeat-x left bottom; border-bottom: 1px #5E7D99 solid; height:59px;}
#container {background-color:red;}
/* classes */
.page-width {width:1000px; margin:0 auto; padding:0 10px;}
編集:
私のアンドロイドクロムブラウザでどのように見えるかの画像を追加しました
