Positionierung mit CSS geht nicht :)

Dieses Thema Positionierung mit CSS geht nicht :) im Forum "Windows XP Forum" wurde erstellt von snaudix, 29. Sep. 2003.

Thema: Positionierung mit CSS geht nicht :) Hallo, ich versuche innerhalb einer grossen Tabellen-Zelle, mit einem <div>, einen Kasten anzeigen zu lassen....

  1. Hallo,

    ich versuche innerhalb einer grossen Tabellen-Zelle, mit
    einem <div>, einen Kasten anzeigen zu lassen.

    <table>
    <tr>
    <td></td>
    <td></td>
    <td></td></tr>
    <tr>
    <td></td>
    <td>
    <div style=position: absolute;
    top: 30px; right: 10px;
    width: 20%; height: 200px;>
    <a> bla, bla, bla </a>
    </div>
    </td>
    <td></td></tr>

    Eigentlich sollten sich die Angaben der Positionierung zu dem <div> auf das Elternelement beziehen - also auf die Tabellenzelle - oder nicht ???
    Leider funktioniert das nicht - die Positionierung scheint sich immer
    auf den <BODY> zu beziehen ...

    Wer hat->ne Idee ??? :'(
     
  2. du musst folgendes ändern:

    position: relative;

    dann bleibt der layer relativ zur zelle

    position: absolute; bezieht sich immer zur oberen linken ecke
     
  3. Das stimmt so nicht. Das ist etwas verwirrend. Auch position:absolute verhält sich relativ, wie du bereits schreibst zu seinem Elternelement.

    Die Sache ist nun diese, dass ich das selber noch nie ausprobiert habe und im Moment nicht die Zeit dazu habe, aber das ganze wird daran liegen, dass die Zelle (td) nicht als Elternelement dient. Vielleicht kann das ja hier noch jemand posten.

    Mit position:relative kannst du es - wie ja bereits erwähnt - machen.
    Die relative Positionierung beieht sich auf den eigentlichen Punkt, an dem das Objekt normalerweise wäre. Also in deinem Fall wäre es normalerweise in der Tabelle in der Zelle. Wenn du jetzt aber left:30px angibst, verrückt das das Element um 30 Pixel nach links von seiner ursprünglichen Position.

    Nach zu lesen bestimmt auch auf SelfHTML. Mal nach position oder so suchen.

    Mfg,
    Cledith
     
Die Seite wird geladen...

Positionierung mit CSS geht nicht :) - Ähnliche Themen

Forum Datum
wireless Tastatur und Maus geht nicht Windows 10 Forum 6. Nov. 2016
WIN7 Service Pack geht nicht zu Installieren und deshalb auch kein WIN10 Update Windows 7 Forum 13. Okt. 2016
WIN 10 Installion geht nicht da WIN7 Service Pack 1 fehlt Windows 10 Forum 13. Okt. 2016
Windows 10 vorinstalliert. Was wenn die Festplatte nicht mehr geht. Windows 10 Forum 16. Aug. 2016
Windows Passwort löschen geht nicht Windows 10 Forum 13. Aug. 2016