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

Problem mit div-Container und eingefügten img

N

Nik

Neues Mitglied
Erst einmal hallo liebe Gemeinde!
Ich habe wahrscheinlich für euch ein lächerlich kleines Problem, allerdings komme ich nicht hinter die Lösung und das nach stundenlangem Probieren und Googeln.
Es geht um die Seite Test
Unter dem quadratischen Bild werden ca. 4 px grauer Balken angezeigt, der da natürlich nicht sein soll. Ich habe keine Ahnung wieso :(
Kann mir da jemand weiterhelfen?

Hier noch der aktuelle Quellcode:
Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
<script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
</head>
<body>
<div style="position: absolute; top:50px; left:50%; margin-left: -465px; width: 306px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #94D639; z-index: 1" id="Logo">
&nbsp;</div>
<div style="position: absolute; top:50px; left:50%; margin-left: -153px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 2" id="Z1S3">
&nbsp;</div>
<div style="position: absolute; top:50px; left:50%; margin-left: 3px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #94D639; z-index: 3" id="Z1S4">
&nbsp;</div>
<div style="position: absolute; top:50px; left:50%; margin-left: 159px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 4" id="Z1S5">
&nbsp;</div>
<div style="position: absolute; top:50px; left:50%; margin-left: 315px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 5" id="Z1S6">
&nbsp;</div>
<div style="position: absolute; top:206px; left:50%; margin-left: -465px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 6" id="Z2S1">
&nbsp;</div>
<div style="position: absolute; top:206px; left:50%; margin-left: -309px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 7" id="Z2S2">
&nbsp;</div>
</div>
<div style="position: absolute; top:206px; left:50%; margin-left: -153px; padding-top:0px; padding-bottom:0px; width: 150px; height: 150px; border: 0px; background-color: #C8C6C1; z-index: 8" id="Inhalt1">
<img src="flash/Test1.jpg" border="0">
</div>
<div style="position: absolute; top:206px; left:50%; margin-left: 3px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 9" id="Inhalt2">
&nbsp;</div>
<div style="position: absolute; top:206px; left:50%; margin-left: 159px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 10" id="Inhalt3">
&nbsp;</div>
<div style="position: absolute; top:206px; left:50%; margin-left: 315px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 11" id="Z2S6">
&nbsp;</div>
<div style="position: absolute; top:362px; left:50%; margin-left: -465px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #94D639; z-index: 12" id="Impressum">
&nbsp;</div>
<div style="position: absolute; top:362px; left:50%; margin-left: -309px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 13" id="Z3S2">
&nbsp;</div>
<div style="position: absolute; top:362px; left:50%; margin-left: -153px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 14" id="Inhalt4">
&nbsp;</div>
<div style="position: absolute; top:362px; left:50%; margin-left: 3px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 15" id="Inhalt5">
&nbsp;</div>
<div style="position: absolute; top:362px; left:50%; margin-left: 159px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #C8C6C1; z-index: 16" id="Inhalt6">
&nbsp;</div>
<div style="position: absolute; top:362px; left:50%; margin-left: 315px; width: 150px; height: 150px; border: 0px #c0c0c0 dashed; background-color: #94D639; z-index: 17" id="Z3S6">
&nbsp;</div>

</body>
</html>

Vielen Dank schon mal im Voraus!
VG
 
Danke für den Hinweis.
Das Gerüst ist erst mal nur ein Test für eine spätere Homepage. Der Fehler tritt beim Internetexplorer 7 bei mir auf.
 
Nochmal ich. Das ist ja verrückt. Ich habe das geändert und jetzt funktioniert das?!
Kann das wirklich der Fehler dafür gewesen sein?! Bin jetzt total verwundert!
 
Ich habe mir dazu jetzt keine Gedanken, aber: Ja.

Der DOCTYPE versetzt den Browser in einen völlig anderen Rendermodus. Ohne DOCTYPE rendert ein Browser im Quirks-Modus.

Die wichtigsten Quirks-Modi finden sich in den aktuellen Webbrowsern. Diese sollen die Abwärtskompatibilität zu Websites sicherstellen, die veralteten oder ungültigen HTML- oder CSS-Code verwenden. Dabei werden u. a. Darstellungsfehler bei alten Browserversionen simuliert, damit das Layout dieser Webseiten nicht zerstört wird.
Zum Vergrößern anklicken....

- Quirks-Modus
 
Ach du meine Güte! Mensch 1000 Dank! Es war definitiv der Fehler! Das hätte ich nie gedacht!
Merci für die super schnelle Hilfe!!!!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben