|
|||
Bild im Rahmen eines div
Hallo!
Ich hätte gerne ein div mit Text drin, einer Hintergrundfarbe, links einem dicken Rahmen, und im Rahmen ein Bild. background:, border-left: schaff ich ja gerade noch. Doch beim Bild wirds schwierig. Ein Hintergrundbild hab ich nicht in den Border bekommen. Da hab ich herum einen wrapper gemacht, dort ein normales Bild rein, und mit z-index über das innere div gelegt. Schön, sieht im Firefox auch ordentlich aus. Aber im IE ist es komisch (Ja, Doctype angegeben): Einmal sind beide Bilder da, dann nur eins, plötzlich keines mehr! (Auf mehreren Systemen). CSS: Code:
div.wrapper { background-color: #FBF8A0; padding-left: 0; z-index: 1; } div.box { background-color: #CCDDFF; margin: 0; margin-top: -30px; margin-left: -4px; border: 1px solid #000; border-left: 34px solid #000; z-index: 1; } Code:
<div class="wrapper">[img]bild.gif[/img]<div class="box">Das ist eine schöne Beispielbox</div></div> Ich bin ja nicht auf diese Lösung versteift, wollte aber zeigen das ich es probiert habe. Wie bekommt man das elegant hin? Mir ist noch nichts besseres eingefallen, das auch funktioniert. Mit freundlichen Grüßen |
Sponsored Links |
|
|||
Re: Bild im Rahmen eines div
Zitat:
Zitat:
der innere div wird dann über margin (oder padding des äußeren) auf abstand von links gehalten - um so den optischen effekt eines border-left zu erzeugen. |
Sponsored Links |
|
|||
Hallo,
Du kannst dem Bild selber einen Hintergrund (background-image z.b. über ein Klasse) zuweisen und diesen über das padding (in Deinem Fall: padding-left) sichtbar machen. Das dürfte, wenn ich richtig verstanden habe, den gewünschten border-effekt ergeben. Dem Border-Attribut selbst kann man meines Wissens kein Hintergrundbild zuweisen. Gruß, Vilu |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Zwei Bilder nebeneinander, sollen kleiner werden! | cecyle | CSS | 1 | 12.01.2014 19:20 |
Bild und Text in einem DIV mit unterschiedlichen Abständen? Geht das? | haupi | CSS | 1 | 16.03.2010 23:54 |
Bild im Div | Kimbolo | CSS | 4 | 24.06.2008 18:33 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |
Bild in DIV erzeugt unter sich 2px Abstand | Pulli | CSS | 6 | 18.09.2004 22:09 |