Autor |
Nachricht |
Kielo
Threadersteller
Dabei seit: 31.07.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 16.09.2009 22:03
Titel [DIV; SOLVED] Überlappen, aber zentriert..? |
|
|
Hallo zusammen
Evt. bin ich ja bekloppt oder so, aber ich hab echt nix gefunden..
Ich hab eine Website (zentriert), und wenn ein Bild aufgerufen is, soll das über dem Rest der Site sein, jedoch zentriert und ganz oben.
Das drüber hab ich bisher mit z-index und position: absolute gerallt, aber dann krieg ich das Zeug ja nicht zentriert.
Schaut nun also so aus:
http://chaoszeit.net/bild/Bildschirmfoto3.png (evt. muss man bissel rauszoomen, um's zu sehen...)
Das Bild wird im DIV "extra" aufgerufen, der code dazu sieht wie folgt aus:
Code: | #extra {
z-index: 10;
top: 100px;
border: 4px solid #cccccc;
background-color: #cccccc;
position: absolute;
}
|
Kann mir da evt. wer weiterhelfen?
Grüsse
Zuletzt bearbeitet von Kielo am Do 17.09.2009 21:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 16.09.2009 22:22
Titel
|
|
|
Du kannst problemlos am zentr. div ausrichten, wenn dieses pos. rel. bekommt und sich das Bild in darin befindet.
|
|
|
|
|
Anzeige
|
|
|
Kielo
Threadersteller
Dabei seit: 31.07.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 16.09.2009 22:35
Titel
|
|
|
hm, mit pos. rel. ist dann aber das überlappende DIV nicht mehr über den anderen DIVs.
Wobei... Ne..
Dann ist das ganze DIV innerhalb des übergeordneten DIVs und überlappt nicht mehr.
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 16.09.2009 22:50
Titel
|
|
|
Das div, das alle übrigen Elemente enthält, bekommt pos. rel., dann kannst Du das Bild, das innerhalb dieses divs steht, ausgerichtet an diesem per pos. abs. an jede beliebige Stelle bringen (auch neg. Werte für die Offsets sind möglich).
Wobei ich eben nochmal Deine Grafik angeschaut habe - das Bild ist das große im Vordergrund und die Seite ist klein dahinter, und das Ganze passiert beim Klicken auf ein Thumbnail o.ä., worauf das Bild vergrößert gezeigt wird? Dann suchst Du wohl eher etwas wie Lightbox (Google)
Zuletzt bearbeitet von heiko_rs am Mi 16.09.2009 22:53, insgesamt 4-mal bearbeitet
|
|
|
|
|
Kielo
Threadersteller
Dabei seit: 31.07.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 17.09.2009 21:13
Titel
|
|
|
Ja, sowas wie Lightbox, aber ich will halt was lernen - is ja nicht für Kunden, die auf Zeit pochen und Geld zahlen, sondern eigentlich für mich selbst.
Und wollte halt auf JS verzichten und mal schauen, ob ich's hinkrieg.
Hat funktioniert, nachdem ich mit getimagesize noch das Offset justiert habe, sieht's nun gut aus!
Danke
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Überlappen von Listenelement
illustrator cs2 / objekte überlappen
[DIV] Probleme mit Positionierung (überlappen)
Boxen sollen überlappen
css menü soll div überlappen
Transparente pngs überlappen lassen?
|
|