nicht angemeldet
Rand einer inneren Box wird über den oberen Rand geschoben
Hi,
ich hab gerade das kleine Problem, dass ich in ein paar verschachtelten Boxen eine Grafik einbinden will. Diese ist definitiv kleiner als die umgebende Box und dennoch wird der obere Rand der Grafik über den oberen Rand der umgebenden Box hinausgeschoben, in meinem Fall der obere Bildschirmrand.
Die CSS der betreffenden Boxen sehen so aus:
#bildSpalte
{
display:block;
border:0;
width:66.66%;
height:100%;
float:left;
}
#bildBox_oben
{
display:block;
width:683px; height:375px;
text-align:center;
position:relative;
right:0;
margin-top:0px;
}
#bild_oben
{
position:relative;
top:0;
margin: 0 28px 0 0;
right: 0;
height: 95%;
width: auto;
}
Der betreffende Teil im XHTML ist das hier
<div id="bildSpalte">
<div id="bildBox_oben">
<img id="bild_oben" src="bilder/index/IMG_2317.jpg" alt="Bild Tom Bennet mit Salz"/>
</div>
</div> <!-- Ende bildSpalte -->
Unter HIer könnt Ihr den Fehler live sehen
Viele Grüße
Thomas
-
Ich sehe den fehler zwar nicht, aber ich frage dich mal, ob du Whitespace neben dem <img> wirklich willst. Ansonsten du nämlich die Eigenschaften von Text mit berücksichtigen solltest.
mfg Beat
-
Ich sehe den fehler zwar nicht, aber ich frage dich mal, ob du Whitespace neben dem <img> wirklich willst. Ansonsten du nämlich die Eigenschaften von Text mit berücksichtigen solltest.
mfg Beat
Welche Whitespaces meinst Du?
Thomas-
Ich sehe den fehler zwar nicht, aber ich frage dich mal, ob du Whitespace neben dem <img> wirklich willst. Ansonsten du nämlich die Eigenschaften von Text mit berücksichtigen solltest.
Welche Whitespaces meinst Du?
Zeilenumbrüche sind Whitespace.
mfg Beat
-
Ich sehe den fehler zwar nicht, aber ich frage dich mal, ob du Whitespace neben dem <img> wirklich willst. Ansonsten du nämlich die Eigenschaften von Text mit berücksichtigen solltest.
Welche Whitespaces meinst Du?
Zeilenumbrüche sind Whitespace.
mfg Beat
Habe beide Zeilenumbrüche versuchsweise rausgemacht und keine Änderung des Verhaltens.
Gruß
Thomas
-
-
-