DIV IMG IE / Firefox leerzeile
Lifestyle
- css
ich habe folgendes Problem:
ich hab in einer Webseite ein Image welches unter drei gefloatetn divs left steht.
Das Image wurde mit clear left in die nächste Zeile gelegt.
Wenn ich nun etwas unter das img positionieren will, ist immer ein 2-3 px breiter Rand dazwischen.
Nachfolgend der Code:
<div id="balken_links">
</div>
<div id="grau_mitte">Test1
</div>
<div id="balken_rechts">
</div>
<img id ="header_bild" src="http://www.toll.de/image.jpg"/>
<div id="balken_links2">
</div>
<div id="balken_mitte2">Test2
</div>
<div id="balken_rechts2">
</div>
Nachfolgend das CSS:
#balken_links {
background-color: #83BAE1;
width: 15px;
height: 20px;
float:left;
}
#grau_mitte {
color: white;
font-family: arial,helvetica;
font-size:12px;
font-weight:bold;
background-color: #c6bdb9;
width: 570px;
height:20px;
float:left;
}
#balken_rechts {
background-color: #83BAE1;
width: 30px;
height:20px;
float:left;
}
#header_bild{
clear:left;
width:615px;
height:89px;
}
#balken_links2 {
background-color: #83BAE1;
width: 15px;
height: 40px;
}
#balken_mitte2 {
font-family: arial,helvetica;
font-size:12px;
font-weight:bold;
background-color: #c6bdb9;
width: 570px;
height:40px;
}
#balken_rechts2 {
background-color: #83BAE1;
width:30px;
height:40px;
}
Irgendwelche Ideen ?? Ich bekomme einfach den Abstand zwischen dem Bild und den folgenden DIVS nicht weg.
@@Lifestyle:
nuqneH
[…] ist immer ein 2-3 px breiter Rand dazwischen.
Bist du sicher? Oder sind es mehr, wenn du die Schrift vergrößerst? Das führt zu der Idee …
Irgendwelche Ideen ??
„Unterlänge“ dürfte dein Suchbegriff sein.
Qapla'
Bist du sicher? Oder sind es mehr, wenn du die Schrift vergrößerst? Das führt zu der Idee …
nein,..., Es ist vollkommen unabhängig von der Schrift. Sobald ich das Problem Image durch ein Div ersetze geht alles.
Nur wenn ein Bild an der Stelle ist funktioniert das ganze (IE) nicht mehr sauber.
'ǝɯɐu$ ıɥ
Bist du sicher? Oder sind es mehr, wenn du die Schrift vergrößerst? Das führt zu der Idee …
nein,..., Es ist vollkommen unabhängig von der Schrift. Sobald ich das Problem Image durch ein Div ersetze geht alles.
Nur wenn ein Bild an der Stelle ist funktioniert das ganze (IE) nicht mehr sauber.
Trotzdem Unterlänge - tritt nur bei inline-Elementen auf.
ssnɹƃ
ʍopɐɥs
Trotzdem Unterlänge - tritt nur bei inline-Elementen auf.
Was macht man dagegen am besten ?? Hab von Unterlänge noch nie etwas gehört !!!
Würde es dann etwas bringen wenn ich das img als display:block mache ??
Hallo,
Trotzdem Unterlänge - tritt nur bei inline-Elementen auf.
Was macht man dagegen am besten ?? Hab von Unterlänge noch nie etwas gehört !!!
aber du hast dich inzwischen informiert, was das ist, oder?
Würde es dann etwas bringen wenn ich das img als display:block mache ??
Ja, das wäre eine möglichkeit. Eine andere ist, dem Elternelement vertical-align:bottom zu geben.
Übrigens: Du plenkst. Soll aber heilbar sein, hab ich gehört.
Außerdem prellt deine '!' und '?'-Taste. Dagegen gibt's neue Tastaturen.
So long,
Martin
@@Lif3styl3:
nuqneH
Was macht man dagegen am besten ?? Hab von Unterlänge noch nie etwas gehört !!!
Deshalb hatte ich dir geraten, danach zu suchen …
Würde es dann etwas bringen wenn ich das img als display:block mache ??
… Hast du es nicht getan?
Qapla'
Irgendwelche Ideen ?? Ich bekomme einfach den Abstand zwischen dem Bild und den folgenden DIVS nicht weg.
http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title="Abstand" ist schon das richtige Wort ^^ reduziere ihn auf 0.
Wäre jedenfalls mein erster Verdächtiger.