nicht angemeldet
Hiho,
ich versuche mich gerade (mal wieder) damit mich an CSS ranzutasten und bräuchte nun etwas Hilfe. Folgende Situation:
Ich benutze in meine Homepage für einige Inhalte kleine Kästchen mit schwarzem Rand. Oberhalb von diesen Kästchen ist jeweils zwei Pixel frei und darüber eine Titel-Grafik. Bisher habe ich das immer mühsam per Hand gebaut, nun würde ich das ganze gerne "automatisieren". Sprich mir einen entsprechenden style bauen mit dem ich einfach nur noch die Grafik zu den entsprechenden Inhalten packen muss, den style drauf und die Grafik soll automatisch entsprechend nach oben wandern. Ich bin auch schon so weit das man das mit position:relative;top:-20px ganz gut hinbekommen kann nur sind nun noch zwei Probleme offen:
1.) Der allseits beliebte IE plaziert zwar die Grafik entsprechend, lässt aber dafür in der Inhaltsbox eine halbe Zeile frei (augenscheinlich da wo die Grafik vorher war)
2.)Wie schaffe ich es das sich die Grafik nicht über den anderen Text legt, sondern dann entsprechend alles nach unten verschoben wird?
Hier mal mein bisheriges Werk:
.css:
.bg_2 {background-color:#C0C5BB;}
.box {border-width:1px;border-color:#000000;border-style:solid;}
.html:
<div style="width:160px" class="bg_2 box">
<div style="position:relative;top:-20px"><img src="grafik.gif" width="105" height="9"></div>INHALT</div>
Kann mir da jemand helfen?
Grüsse
Marc