Grafik soll aus DIV herausragen

Grafik soll aus DIV herausragen

Beitragvon phelix713 » 16.11.2011, 17:08

Hallo zusammen!

Ich stehe vor einer Herausforderung, die ich gerade nicht lösen kann. Ich habe einen DIV Container. In diesem Container soll eine (Button-)Grafik sein, die auf der rechten Seite leicht aus dem DIV herausragt. Leider wird bei mir jedoch alles, was den Rand des Divs überragt einfach abgeschnitten.
Die Grafik gabe ich als weiteres DIV mit Hintergrund angelegt.
Gibt es eine Lösung um das abschneiden zu verhinden?

Vielen Dank,
Phelix
phelix713
neu hier
 
Beiträge: 1
Registriert: 16.11.2011, 17:01

Re: Grafik soll aus DIV herausragen

Beitragvon toasted » 17.11.2011, 10:51

Hallo Phelix!

Du solltest den gewünschten Effekt erreichen indem du
1. den divs entsprechende z-index zuweist (Hauptdiv erhält z-index:1; - Bilddiv bekommt z-index:2;)
2. Das Bilddiv absolut positionierst z.B.: position:absolute; bottom:50px; right:20px;

Beispiel:
Code: Alles auswählen
<html><head></head><body>
<div style="margin:0px 100px 0px 100px; background-color:white; border:1px solid black; width:800px; height:700px; z-index:1;"/>
INHALT
<div style="position: absolute; bottom:240px; right:200px; z-index:2"><img src="http://technofile.com/images/porsche_911_turbo_transparent.jpg" alt="Bild"></div>
</div>
</body></html>


lg, Daniel
toasted
neu hier
 
Beiträge: 8
Registriert: 17.11.2011, 09:19
Wohnort: Kärnten - Austria


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Grafik soll aus DIV herausragen"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste