mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 03:54 Benutzername: Passwort: Auto-Login

Thema: [DIV; SOLVED] Überlappen, aber zentriert..? vom 16.09.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [DIV; SOLVED] Überlappen, aber zentriert..?
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..?

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.09.2009 22:22
Titel

Antworten mit Zitat Zum Seitenanfang

Du kannst problemlos am zentr. div ausrichten, wenn dieses pos. rel. bekommt und sich das Bild in darin befindet.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kielo
Threadersteller

Dabei seit: 31.07.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 16.09.2009 22:35
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.09.2009 22:50
Titel

Antworten mit Zitat Zum Seitenanfang

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) *zwinker*


Zuletzt bearbeitet von heiko_rs am Mi 16.09.2009 22:53, insgesamt 4-mal bearbeitet
  View user's profile Private Nachricht senden
Kielo
Threadersteller

Dabei seit: 31.07.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 17.09.2009 21:13
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.