ByteNation Forum » Clientseitiges (html-css-Javascript) » Tipps zur Vermeidung von Fehlern bei der Erstellung von Webseiten » Fehler bei der Absoluten Positionierung » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Fehler bei der Absoluten Positionierung
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Byteandi
Administrator


Dabei seit: 23.09.2006
Beiträge: 383

Level: 35 [?]
Erfahrungspunkte: 790.168
Nächster Level: 824.290

34.122 Erfahrungspunkt(e) für den nächsten Levelanstieg

Text Fehler bei der Absoluten Positionierung Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen


Hast du dich auch schon einmal gewundert, warum deine absolute Positionierung eines Elementes irgendwo im Nirvana der Webseite landet?

Hauptsächlich entsteht dieser Fehler durch die irrtümliche Annahme, das diese Positionsangabe immer und überall klappen sollte, tut sie auch großes Grinsen , nur sollte man dem Element in dem man etwas positionieren möchte dann vorher sagen, das es eine relative Positionierung hat, da sich die absolute Positionierung danach richtet, folglich richtet sich das zu Positionierende Element nach dem Body.

hier ein Beispiel wie es richtig wäre.
code:




Der Code ist nur für Registrierte User sichtbar
In diesem einfachem Beispiel ist der text nun unten rechts in der Box positioniert.
wenn Ihr nun in dem div das position:relative weg lassen würdet, wäre der text im Browser unten rechts zu sehen, also nicht da wo wir ihn haben möchten.

Die werte border:1px solid #f90000; stehen dort nur, damit man die Umrandung der box sieht.

 

07.10.2006 14:46 Byteandi ist offline E-Mail an Byteandi senden Beiträge von Byteandi suchen

Baumstruktur | Brettstruktur
Neues Thema erstellen Antwort erstellen
ByteNation Forum » Clientseitiges (html-css-Javascript) » Tipps zur Vermeidung von Fehlern bei der Erstellung von Webseiten » Fehler bei der Absoluten Positionierung