mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 21.07.2024 10:09 Benutzername: Passwort: Auto-Login

Thema: mehrere Divs mittig überlappend vom 25.01.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> mehrere Divs mittig überlappend
Autor Nachricht
golive-forum
Threadersteller

Dabei seit: 27.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 25.01.2013 01:41
Titel

mehrere Divs mittig überlappend

Antworten mit Zitat Zum Seitenanfang

Hallo, ich möchte mehrere Divs mittig im Browserfenster haben und die sollen sich dann auch noch überlappen. Ich bekomme das leider nicht hin. Habt ihr eine Lösung?
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Fr 25.01.2013 07:16
Titel

Re: mehrere Divs mittig überlappend

Antworten mit Zitat Zum Seitenanfang

golive-forum hat geschrieben:
Habt ihr eine Lösung?

Hast du einen Ansatz? Oder zumindest ein Bild wie es aussehen soll? * Keine Ahnung... *

Für Glaskugel ist es mir zu früh.

Gruß
Karl
  View user's profile Private Nachricht senden
Anzeige
Anzeige
gotoAndPlay

Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Fr 25.01.2013 10:14
Titel

Re: mehrere Divs mittig überlappend

Antworten mit Zitat Zum Seitenanfang

golive-forum hat geschrieben:
Hallo, ich möchte mehrere Divs mittig im Browserfenster haben und die sollen sich dann auch noch überlappen. Ich bekomme das leider nicht hin. Habt ihr eine Lösung?


Code:
<style>
   #eins{
      width: 100px;
      height: 100px;
      background: red;
      position: absolute;
      z-index: 1;
      left: 50%;
      margin-left: -50px;
      top: 50%;
      margin-top: -50px;   
   }
   #zwei{
      width: 200px;
      height: 200px;
      background: green;
      position: absolute;
      z-index: 1;
      left: 50%;
      margin-left: -100px;
      top: 50%;
      margin-top: -100px;   
      opacity: .5;
   }
   #drei{
      width: 300px;
      height: 300px;
      background: violet;
      position: absolute;
      z-index: 1;
      left: 50%;
      margin-left: -150px;
      top: 50%;
      margin-top: -150px;   
      opacity: .5;
   }
</style>

<div id="eins"></div>

<div id="zwei"></div>

<div id="drei"></div>


Zuletzt bearbeitet von gotoAndPlay am Fr 25.01.2013 10:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
dark father

Dabei seit: 22.01.2013
Ort: hilden
Alter: 33
Geschlecht: Männlich
Verfasst Fr 25.01.2013 10:43
Titel

Antworten mit Zitat Zum Seitenanfang

Da es Cascading Style Sheet heisst sollte man Es auch so verwenden

Code:
.div {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
        opacity: .5;
}

#eins {
   width: 100px;
   height: 100px;
   margin-top: -50px;
   margin-left: -50px;
   background-color: red;
}

#zwei {
   width: 200px;
   height: 200px;
   margin-top: -100px;
   margin-left: -100px;
   background-color: green;
}

#drei {
   width: 300px;
   height: 300px;
   margin-top: -150px;
   margin-left: -150px;
   background-color: blue;
}
  View user's profile Private Nachricht senden
golive-forum
Threadersteller

Dabei seit: 27.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 25.01.2013 15:42
Titel

Antworten mit Zitat Zum Seitenanfang

Prima, das klappt. Vielen Dank.

Ich möchte eine Navigationsleiste erstellen und darunter soll eine Edge Animate Animation in einer Schleife ablaufen. Was haltet Ihr davon? Das sollte doch mit den überlappenden Divs funktionieren oder?
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 40
Geschlecht: Männlich
Verfasst Sa 26.01.2013 09:08
Titel

Antworten mit Zitat Zum Seitenanfang

golive-forum hat geschrieben:
... darunter soll eine Edge Animate Animation in einer Schleife ablaufen. Was haltet Ihr davon? ...
Ohne es gesehn zu haben - "Animation in einer Schleife" geht ja mal gar nicht. Wenn ich auf ner Seite was lesen will und mich sowas nervt, ist die Seite schnell wieder geschlossen...
  View user's profile Private Nachricht senden
 
Ähnliche Themen DIV überlappend mittels PHP öffnen
Füllungen in Vektorbildern bündig oder überlappend
in CSS mittig ausrichten
mittig positionieren ...
HTML/CSS UL mit IMG mittig?
div-box mittig ausrichten
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.