nicht angemeldet
Hallo,
mein Firefox V 2.0 interpretiert die Positionsangabe eines div Containers total falsch.
Ich möchte den einen Container 160px unterhalb der Oberkante des übergeordneten Containers ausrichten und habe ihm deshalb die angabe "margin-top:160px;" zugewiesen, aber der Firefox knallt es immer an die obere Kante des übergeordneten Containers.
Der IE interpretiert es hingegen richtig - normalerweise mag ich den Firefox und er hat auch noch nie so einen Schlamassel produziert (das ist man ja sonst eher vom IE gewohnt) aber hier verstehe ich es nicht richtig.
Kann mit dabei jemand helfen?? Ich hab zwar schon im Inet geschaut und auch nochmal die Referenz von "margin-top" überprüft, finde den Fehler aber nicht.
Vielen Dank im Voraus & beste Grüße,
Philipp
Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> <title>Internetnight </title> </head>
<!--<script LANGUAGE="JavaScript" FOR="window" EVENT="onload()">
window.moveTo(0, 0)
window.resizeTo(660, 660)
</script> -->
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "./autostart/button1b.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "./autostart/button1a.gif"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "./autostart/button2b.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "./autostart/button2a.gif"; /* zweite Highlight-Grafik */
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
-->
</script>
<style type="text/css">
<!--
/* Text */
body
{
font-family: arial;
font-size: 12px;
color:#000000;
}
#ueberschrift {
font-family:arial;
font-size:12pt;
font-weight:700;
line-height:16pt;
}
-->
</style>
<body style="background-color:#FFFFFF;">
<!-- Hauptrahmen -->
<div style="margin:0px auto; height:500px; width:660px; background-image: url(./autostart/hg2.jpg); text-align:center;">
<!--Inhaltsrahmen-->
<div style="margin-top:160px; width:500px;">
<span id="ueberschrift">
<p>Herzlich Willkommen zur InternetNight</p>
<p style="text-align:justify; font-weight:500;">Es erwartet Sie eine interaktive Präsentation mit Informationen und Bildern
rund um die InternetNight.</p>
</span>
<!-- Auswahlrahmen -->
<div style="width:300px; height:150px; float:left;">
<a href="./_start_.pdf"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"> <img src="./autostart/button1b.gif" alt="" border="0">
</a>
<a href="./bonusmaterial/install/AdbeRdr07DE.exe"
onmouseover="Bildwechsel(1, Highlight2)"
onmouseout="Bildwechsel(1, Normal2)"> <img src="./autostart/button2b.gif" alt="" border="0">
</a>
</div>
</div>
</div>
</body>
</html>
Gunnar Bittersmann