css: relativ ( übereinander)

Diskutiere mit über: css: relativ ( übereinander) im Web Page Design Forum

  1. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    5
    Registriert seit:
    12.03.2005
    Hallo erstmal:

    habe folgendes problem:

    habe 2 Layer .... und dann ein externes css.
    und die beiden Layer sollen in einer tabelle, also in einer zelle, sich immer an dieser orientieren ...

    Aber wenn ich die 2 Layer auf position: relativ habe, liegen sie nicht übereinander sondern untereinander , welches mir natürlich meine ganze Page zerreißt ?!

    Hilfer:

    css:

    HTML:
    #Layer3 {
    position:relative;
    
    	width:300px;
    	height:400px;
    	z-index:1;
    	left: 300px;
    	top: 0px;
    }
    #Layer4 {
    position:relative;
    	width:50px;
    	height:400px;
    	z-index:2;
    	left: 550px;
    	top: 0px;
    }
    
     
  2. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    Registriert seit:
    25.07.2004
    Wie rufst Du die beiden Layer auf? Mittels DIV-Tag?

    Frank
     
  3. heldausberlin

    heldausberlin MacUser Mitglied

    Beiträge:
    14.081
    Zustimmungen:
    302
    Registriert seit:
    01.05.2004
    Was passiert, wenn du das linke Layer mit float:left; definierst?
     
  4. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    5
    Registriert seit:
    12.03.2005
    Ja Beide Mit Einem Normalen Duv Tag
     
  5. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    5
    Registriert seit:
    12.03.2005
    und mit dem float:left geht auch nicht denn sie liegen wirklich ÜBEReinander :(
     
  6. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    Registriert seit:
    25.07.2004
    DIV ist ein Block Element, d. h. nach einem DIV wird umgebrochen.

    Nimm ein "display: inline;" mit in die CSS-Definition der beiden Layer mit rein:

    PHP:
    #Layer3 {
    position:relative;
        
    displayinline;
        
    width:300px;
        
    height:400px;
        
    z-index:1;
        
    left300px;
        
    top0px;
    }
    Ich habe Dir eine HTM-Datei mit angehängt, ist Dein CSS mit dem Inline ergänzt. Zu beachten ist noch, das Inline-Elemente keine Höhenangaben mehr interpretieren, sondern sich nur die Höhe "nehmen", die sie brauchen. Also nicht wundern, dass nur eine Zeile zu sehen ist.

    Viel Spass,

    Frank
     
  7. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    5
    Registriert seit:
    12.03.2005
    kann ich sonst noch irgendwie einen layer einbaum außer mit div tags ?
     
  8. schdeffan

    schdeffan MacUser Mitglied

    Beiträge:
    475
    Zustimmungen:
    0
    Registriert seit:
    13.04.2006
    position: relative erlaubt dir das Element relativ zu seiner ursprünglichen Position im Markup zu positionieren.

    Was du brauchst ist position: absolute.

    Auszug aus Selfhtml:
    d.h. du musst das übergeordnete Element (in dem die beiden divs enthalten sind) auch entsprechend mit einem position:absolute/relative versehen. Wenn dein Layout das erlaubt sollte es damit gehen.

    Gruß

    Stephan
     
  9. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    5
    Registriert seit:
    12.03.2005
    die div tags sind in einer tabellenzelle eingebettet ? wie sage ich der eine pos: absolut ?
     
  10. milchschnitte

    milchschnitte Banned

    Beiträge:
    1.313
    Zustimmungen:
    0
    Registriert seit:
    08.10.2005
    meinste sowas:

     
Die Seite wird geladen...
Ähnliche Themen - css relativ übereinander) Forum Datum
CSS Selektor - Leerzeichen Web Page Design 12.09.2015
lokale css-Anweisung für macuser.de? Web Page Design 21.07.2015
Auslagerung von Klassen in CSS-File Web Page Design 02.04.2015
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
CSS: Styling von Abonnieren-Feld Web Page Design 20.08.2014

Diese Seite empfehlen

Benutzerdefinierte Suche