dani: <H1> ausrichten

Beitrag lesen

Hi Bio,

hier der html-code:

<html>
<head>
 <title></title>
 <link rel="stylesheet" type="text/css" href="http://localhost/daniela/main.css">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<div id="container">
 <div id="mainnavi">

<a class="mmenu" href ="http://localhost/daniela/index.php?lang=de">STARTSEITE</a>
 </div>

<div id="subnavi">
  <a class="langselected" href="index.php?lang=de">DE</a>
  <a class="lang" href="index.php?lang=en">EN</a>
  <a class="lang" href="index.php?lang=es">ES</a>

<!-- weitere untermenüs hier -->
 </div>

<div id="content">
  <h1>ÜBERSCHRIFT</h1>
 </div>
</div>
</body>
</html>

und css:

html, body { height:100%; width:100%; }

body
{
 margin-top:5px; margin-left:5px;
 font-family:Arial,sans-serif;
 font-size:14px; color:#000000;
 background-color:#ffffff; letter-spacing:1px;
}

#container
{
 height:100%; width:800px;
 top:0px; left:0px; display:inline;
}

#mainnavi
{
 height:100%; width:160px;
 float:left; background-color:#808080;
 color:#ffffff;
}

#subnavi
{
 height:100%; width:150px;
 background-color:#c0c0c0;
 color:#000000; float:left;
}

#content
{
 top:0px; left:0px; width:480px; height:100%;
 padding:10px;
}

h1 { font-size:21px; margin-left:310px; width:480px; }

---

Ich hab jetzt im h1 margin-left mit 310px angegeben! Problem: im Mozilla 1.6 richtet mir die h1 mit 10px Abstand vom linken Rand des content-container aus, im IE (ich weiß, der macht immer Probleme oder was er nicht soll... *grrrrr*) ist h1 310px vom linken Rand des content-container entfernt. Darum die Frage, an welchem übergeordneten Element sich h1 denn nun tatsächlich ausrichten _sollte_!

Danke!

MfG,

Dani

PS: hab leider keine URL zur Vorschau, da ich lokal arbeite.