Ein kleiner Anzeigefehler...

[NetzSchleicher]

Hallöle. Also ich hab ma n wenig rumgearbeitet und hab ersma nen einfaches Div-Layout gecodet. Jetz hab ich dat Problem, dass im IE zwar alles glatt läuft, aber im FF oder Opera ist einfach ma Zeile über dem Header frei. Hier mal was zur Verdeutlichung:

Im IE:


Im Opera und FF:



Wie kann ich das verhindern???

 

[boehseronkel]

Wie wäre es mit nem bisl Sourcecode, damit man auch nach dem Fehler suchen kann :!:

 

[NetzSchleicher]

So fängt das Div an:

<div class="content"><h1>Willkommen</h1>

Das is CSS:

h1 {
height:16px;
width:100%;
text-align:center;
font-size:14px;
line-height:15px;
background-color:silver;
color:darkred;
padding-top:2px;
}

 

[boehseronkel]

Und was steht in der css Class - content ?

 

[NetzSchleicher]

>.< Ich vergess mal wieder alles

div.content {
background-color:black;
color:white;
border:1px solid silver;
font-size:14px;
line-height:15px;
font-family:Arial;
width:500px;
position:absolute;
left:300px;
top:10px;
}

 

[boehseronkel]

>.< Ich vergess mal wieder alles

div.content {
background-color:black;
color:white;
border:1px solid silver;
font-size:14px;
line-height:15px;
font-family:Arial;
width:500px;
position:absolute;
left:300px;
top:10px;
}

Nimm mal das "top:10px" aus dem Konglomorat raus

 

[NetzSchleicher]

Sieht immer noch gleich auf, beim FF sinds aber n paar Pixels weniger

 

[Soophie]

margin: 0px; padding:0px; sollte eventuell helfen