mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 07:44 Benutzername: Passwort: Auto-Login

Thema: div-Reihenfolge vom 20.11.2016


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div-Reihenfolge
Autor Nachricht
Ale199
Threadersteller

Dabei seit: 20.11.2016
Ort: -
Alter: -
Geschlecht: -
Verfasst So 20.11.2016 01:00
Titel

div-Reihenfolge

Antworten mit Zitat Zum Seitenanfang

Hallo,
vielleicht kann mir jemand weiterhelfen. Ich habe folgendes Problem:
Bin CSS/HTML-Anfänger.
Habe gelernt, dass die Reihenfolge davon abhängt wie sie im HTML-Code steht. Man kann die Reihenfolge zwar durch den z-index ändern, dieser funktioniert aber nur mit position und das wirft bei mir irgendwie alles durcheinander. Drum dachte ich, ich schreibe meine Div-Box einfach hinter die andere Div-Box. Seltsamerweise ist im Browser aber trotzdem die zuerst aufgeführte Div-Box vor der, die im HTML-Code danach aufgeführt ist. Warum?
Der Code lautet so:

<div class="box_bildserie_zeigen_HG">
<img src="Bilder/slidebildZeigen_over.jpg" alt="Startbild">
</div>

<div class="box_bildserie_zeigen">
<span></span>
</div>

Trotzdem wird im Browser die "box_bildserie_zeigen_HG" oben angezeigt. Warum?

Danke für Eure Antwort.
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst So 20.11.2016 06:33
Titel

Antworten mit Zitat Zum Seitenanfang

Du wunderst dich dass zuerst aufgeführte Elemente zuerst gerendert werden?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Astro

Dabei seit: 14.04.2003
Ort: Lost Valley
Alter: 48
Geschlecht: Männlich
Verfasst So 20.11.2016 09:49
Titel

Antworten mit Zitat Zum Seitenanfang

Der Z-Index ordnet die Schichtung, nicht die Reihenfolge der Div-Elemente.
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst So 20.11.2016 10:52
Titel

Antworten mit Zitat Zum Seitenanfang

Glaskugel

frage zu css und layout problem ohne css und layout beispiel.
kannste schon so machen … besser wäre es, du machst ein kleines beispiel in codepen / jsfiddle.


Zuletzt bearbeitet von remote am So 20.11.2016 10:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
olwazt

Dabei seit: 15.11.2016
Ort: /var/www/
Alter: -
Geschlecht: Männlich
Verfasst So 20.11.2016 15:40
Titel

Antworten mit Zitat Zum Seitenanfang

Der "z-index" funktioniert nur in Verbindung mit dem Attribut "position" und hat nichts mit der Reihenfolge der einzelnen Elemente zu tun.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
hadouken

Dabei seit: 07.11.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst So 20.11.2016 20:15
Titel

Antworten mit Zitat Zum Seitenanfang

.box_bildserie_zeigen_HG wird eines der folgenden property-value Kombinationen haben.

position != static
opacity < 1
parent = flex|inline-flex
transform != none

Und dann gibt es noch einige andere, am besten du postest die Klasse einfach mal.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Anordnung von Ebenen (Reihenfolge)
KEYNOTE --- Buttons --- Reihenfolge!
css menü prob reihenfolge <a> & <li>
[Problem] Exel-Grafiken: Reihenfolge
PowerPoint 2010 - Reihenfolge Objekte
JS - zwei Events in eienr Reihenfolge
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.