1
申し訳ありませんが反復的な質問のようですが、いずれも私の問題を解決していません。HTML/CSS divはページの上部に配置されていません
メインページdivのmargin-leftとmargin-rightを除き、すべてのマージン、ボーダー、パディングの設定が0pxに設定されています。どちらも15pxに設定されています。少なくとも私は0pxにそれらの1つを設定することを忘れてどこでも見ることができません...
何らかの理由でページの上部divはページの上部に揃えられません。
<body>タグと<div class="main">タグの間にテキストを挿入すると、画面の上部には激しくなりますが、div "main"タグ内のテキストやdiv "header"タグには画面の上部から約15pxのマージン。
header.phpの：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php header('Content-Type: text/html; charset=utf-8'); ?>
<title><?php echo $title; ?></title>
<link href='css/main.css' rel='stylesheet' type='text/css' />
</head>
<body>
<div class='main'>
<div class="header">
<img src="images/header1.png" id="header" />
</div>
<p class='heading_1'>Welcome to D T Hourn Photography</p>
<p class='bodycontent'>
Introduction blob
</p>
<p class='bodycontent'>
Albums:
</p>
css.main：
html
{
border:0px;
padding:0px;
margin:0px;
}
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
background-image: url('../images/bg1.png');
background-attachment:fixed;
padding:0px;
margin:0px;
border:0px;
}
.main
{
top:0px;
margin-top:0px;
margin-right:15px;
margin-left:15px;
margin-bottom:0px;
border-top:0xp;
border-left: 2px outset #445566;
border-right: 2px outset #445566;
width:93%;
max-width:1400px;
background: rgb(222, 222, 222);
background-color:rgba(255, 255, 255, 0.6);
}
.header
{
border-bottom: 2px groove red;
margin:0px;
background-image:url('../images/header1.png');
background-size:100% 100%;
height:200px;
}
img#header
{
width:100%;
height:200px;
vertical-align: bottom;
border:0px;
padding:0px;
margin:0px;
}
.heading_1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
height:1.5em;
font-weight: bold;
color: #000000;
}
.heading_2
{
font-weight: bold;
}
table
{
border:1px solid #0000ff;
padding:0px;
border-collapse:collapse;
background-color:#ffffff;
}
.tables_heading
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
background-color: #99ccff;
border-bottom:1px solid #0000ff;
}
EDITは：header.phpのファイルから余分なコードを追加しました。私はプレーンテキストを間に入れて、そのテキストがブラウザの上部に押しつけられると言ったように。 divの間には15ピクセルの境界線があります。
（私はこれまで何をやったか）ラインサイト上の実際のhttp://dthourn.com/photography
で見ることができるライブバージョンは、IEやGoogleに私はFirefoxでそれをしたいと（少なくとも私のコンピュータ上で）レンダリングではなく、クロム。私のローカルコンピュータ上のどのブラウザにも表示されません。
あなたの部門はどこですか？ –
あなたはいくつかのhtmlを見逃してしまったように見えますが、すべて頭があります。 – Andrew
HTMLの部分に '.header'と' .main'を使って要素を提供できますか？与えられた部分はむしろ役に立たない。 - 主なコンテンツを下に押し出すのはあなたのヘッダーだと思います。 – Smamatti