Div - 2 Bildchen - verschoben

**Hausmaster** · 13.07.2007 12:11

Hey!

Seltsame Geschichte; Ich habe ein div, Breite 100px, höhe 9px mit zwei Grafiken darin (je 11px*9px).
Wenn ich die Grafiken nebeneinander habe, ohne Abstand dazwischen passt alles. Wenn ich einen Abstand zwischen die zwei Grafiken mache rutschen die beiden Grafiken zur hälfte aus dem Div..?!

Hat jemand eine Idee?

Danke euch!

HTML-Code:

<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:100px;
	height:9px;
	z-index:1;
	background-color:#006699;
	
}
-->
</style>
</head>

<body>
<div id="Layer1"><img src="grafik.png" width="11" height="9" /> <img src="grafik.png" width="11" height="9" /></div>
</body>
</html>

**Mich@el** · 13.07.2007 13:37

Hat noch was mit float und clear zu tun, oder!? Dieser Beitrag oder dieser Beitrag könnten hilfreich sein.

Grüße
Michael

**th2409** · 13.07.2007 13:38

Ja, ich kann Dir sagen, warum es so aussieht: Dein Leerzeichen zwischen den Bilder ist höher als 9px, und so wird zwangsläufig mehr Platz geschaffen für die Darstellung des Leerzeichens. Dein div ist dafür also eigentlich zu niedrig.

Abhilfe:

font-size runtersetzen
oder (eleganter) die Bilder per CSS mit einem Rand/Abstand versehen.

**Hausmaster** · 18.07.2007 12:59

Danke

zur Startseite vom TP

Thema: Div - 2 Bildchen - verschoben

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Div - 2 Bildchen - verschoben

Aktive Benutzer

Aktive Benutzer