• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Nanu! (Warum ist der zweite <div> versetzt?)

Streethawk68

Neues Mitglied
Hallo User!
Hier poste ich euch kurzen Code mit 2 DIVs:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="musik.css" />
<title>Musik</title>
</head>
<body bgcolor="#ececec">
<div style="position: absolute; left: 380px; top: 50px; width: 300px; height: 50px;">
<a href="morric_final-01.html">Ennio Morricone<br />Spiel mir das Lied vom Tod, Finale</a>
<div style="position: absolute; left: 380px; top: 110px; width: 300px; height: 90px; font-size: 60%; font-family: Arial,sans-serif;">
Das Lied liegt im Format MP3 (.mp3) vor. Er kann vom Windows Media Player gespielt werden.
<a href="http://windows.microsoft.com/de-de/windows/download-windows-media-player" target="_blank">
<b><i>Hier</i></b></a>&nbsp;den Windows Media Player herunterladen<br />
<br />
Bitte warten Sie kurz, bis das Lied geladen ist<br />
</div>
</div>
</body>
</html>
In 3 Browsern (Firefox, IE und Chrome) ist der zweite DIV stark nach rechts versetzt. Ideen, warum?
Herzlich, euer Streethawk68
 
Werbung:
position:absolute ist meist keine gute Idee. Und Inline-StyleSheet sollte man auch vermeiden.
 
Werbung:
Du scheinst eine neue Seite zu bauen, dann aber bitte mit HTML5 und externen Stylesheets.
Sieht schöner aus, ist im Zweifelsfall auch Zukunftssicherer.
 
Hallo! Danke für eure wertvollen Tipps, die ich umsetze. Die direkte Antwort auf das Problem, dass der eine div-Container in allen Browsern zu weit rechts auftaucht, wäre gewesen: falsche Verschachtelung. Ist mir eben aufgefallen. Manchmal sieht man mehr, wenn man sich frisch an den Rechner setzt, als wenn man schon acht Stunden davor gesessen hat. ;)
 
Zurück
Oben