Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2008 Teil von Juli

SELFHTML Forumsarchiv
Rand einer inneren Box wird über den oberen Rand geschoben

Informationsseite
  1. Seite (CSS) Rand einer inneren Box wird über den oberen Rand geschoben von Thomas Burkhart, 30. 07. 2008, 17:27
nach unten

Rand einer inneren Box wird über den oberen Rand geschoben

Die folgende Nachricht zum Thema stammt von: Thomas Burkhart, 30. 07. 2008, 17:27

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

nach obennach unten

Rand einer inneren Box wird über den oberen Rand geschoben

Die folgende Nachricht zum Thema stammt von: Beat, 30. 07. 2008, 17:41

»» Unter HIer könnt Ihr den Fehler live sehen

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
--
Woran ich arbeite:
X-Torah
   <°)))o><                      ><o(((°>o

nach obennach unten

Rand einer inneren Box wird über den oberen Rand geschoben

Die folgende Nachricht zum Thema stammt von: Thomas Burkhart, 30. 07. 2008, 20:17

»» »» Unter HIer könnt Ihr den Fehler live sehen
»»
»» 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

nach obennach unten

Rand einer inneren Box wird über den oberen Rand geschoben

Die folgende Nachricht zum Thema stammt von: Beat, 30. 07. 2008, 21:01

»» »» »» Unter HIer könnt Ihr den Fehler live sehen
»» »»
»» »» 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
--
Woran ich arbeite:
X-Torah
   <°)))o><                      ><o(((°>o

nach obennach unten

Rand einer inneren Box wird über den oberen Rand geschoben

Die folgende Nachricht zum Thema stammt von: Thomas Burkhart, 31. 07. 2008, 09:42

»» »» »» »» Unter HIer könnt Ihr den Fehler live sehen
»» »» »»
»» »» »» 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

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2008 Teil von Juli

© 1998-2006 Seite Impressum, Software: Classic Forum