css: relativ ( übereinander)

  1. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Mitglied seit:
    12.03.2005
    Beiträge:
    812
    Zustimmungen:
    5
    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;
    }
    
     
    PowerBookGrafik, 13.05.2006
    #1
  2. 2nd

    2nd MacUser Mitglied

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

    Frank
     
    2nd, 13.05.2006
    #2
  3. heldausberlin

    heldausberlin MacUser Mitglied

    Mitglied seit:
    01.05.2004
    Beiträge:
    13.832
    Zustimmungen:
    302
    Was passiert, wenn du das linke Layer mit float:left; definierst?
     
    heldausberlin, 13.05.2006
    #3
  4. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Mitglied seit:
    12.03.2005
    Beiträge:
    812
    Zustimmungen:
    5
    Ja Beide Mit Einem Normalen Duv Tag
     
    PowerBookGrafik, 13.05.2006
    #4
  5. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

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

    2nd MacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    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
     
    2nd, 14.05.2006
    #6
  7. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

    Mitglied seit:
    12.03.2005
    Beiträge:
    812
    Zustimmungen:
    5
    kann ich sonst noch irgendwie einen layer einbaum außer mit div tags ?
     
    PowerBookGrafik, 14.05.2006
    #7
  8. schdeffan

    schdeffan MacUser Mitglied

    Mitglied seit:
    13.04.2006
    Beiträge:
    476
    Zustimmungen:
    0
    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
     
    schdeffan, 15.05.2006
    #8
  9. PowerBookGrafik

    PowerBookGrafik Thread Starter MacUser Mitglied

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

    milchschnitte MacUser Mitglied

    Mitglied seit:
    08.10.2005
    Beiträge:
    1.310
    Zustimmungen:
    0
    meinste sowas:

     
    milchschnitte, 15.05.2006
    #10
Die Seite wird geladen...
Ähnliche Themen - css relativ übereinander)
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    306
    wegus
    10.04.2017
  2. hello
    Antworten:
    1
    Aufrufe:
    238
    beage
    12.09.2015
  3. Hoooray
    Antworten:
    2
    Aufrufe:
    328
    Hoooray
    21.07.2015
  4. Kemna
    Antworten:
    6
    Aufrufe:
    569
    Kemna
    03.04.2015
  5. Boogaboo
    Antworten:
    4
    Aufrufe:
    714
    snapp
    29.08.2011