Mitglied
Hi,
wie muß ich die Style-Eigenschaft von position o.a. verändern damit ich einem DIV die "absolute" Left und Top Position geben kann? Beim FF gehts schon mit "position: absolute;", aber beim IE wird es immer versetzt. So wie ich das gelesen habe, hat es mit den Elterndivs/-objekte zu tun? Kann ich trotz solcher Elterndivs eine "absolute" Positionierung bekommen im IE?
MfG
(Anmerkung: "absolute" = damit mein ich nicht die position-Eigenschaft, sondern vom Browser gesehen absolute [punktgenau])
 |
Das AJAX Kompendium jetzt 84% Rabatt
Ajax - der Technologiemix aus JavaScript und XML - ist eines der Kernstücke professioneller Web 2.0-Programmierung. Dieses Buch führt Sie auf über 800 Seiten(!) von den ersten JavaScript-Codezeilen bis zur Entwicklung mit Ajax-Frameworks. Preis: früher: 49,95€ - jetzt nur: 7,95€ Hier geht es direkt zum Buch Über 1.000 weitere IT-Bücher zum Sonderpreis lieferbar! |
Lounge-Member
Da macht der IE keine Unterschiede, deine Beobachtungern sind falsch.
Moderator
@tremore: Vielleicht zeigst Du uns mal Dein Beispiel, wo der DIV im FF und im IE unterschiedlich positioniert wird.
.:Taunusstein - Nachrichten und Kommentare
"Ich bin doch lieber jeden Tag glücklich als im Recht."
(Per Anhalter durch die Galaxis)
Super Moderator
So ganz verstehe ich es auch nicht was Du da beschreibst, aber vielleicht so:
Code:#absolutesdiv { position:absolute; top:50px; left:50px; width:200px; height:200px; z-index:1; }
Geändert von dkdenz (22-04-2007 um 00:36 Uhr) Grund: Tippfehler
Dirk Klar - Mediendesign - Webdesign - Lübeck.
Suchmaschinenoptimierung + Barrierefreies Webdesign.
Es gibt Menschen, die hat der Liebe Gott halt erst kurz vor Feierabend gemacht!
Mitglied
Hi,
also wie ich gelesen hab sollte eine position=absolute "normalerweise" auch absolute sein. Aber wenn ein Elternelement seinerseits eine position=relative hat, dann wird das Kind DIV relativ zu diesem verschoben.
Beispiel:
Jetzt hatte der IE wohl irgendwie was mehr als Elternobjekt eingerechnet als der FF. Ich weiß aber nicht genau was, ich habe es nun aber auch anders gelöst. Danke trotzdem für die beteiligung.PHP-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<br><br><br><br><br><br><br><br>
<div style="position: relative; border: 1px solid #A5C6FF">
eltern
<div style="position: absolute; top: 20px; left: 20px; background-color: #00FF00">aaa</div>
div
</div>
</body>
</html>
MfG
PS: Der HTML-Code Tag hier im Forum bringts voll nicht
Moderator
Ja stimmt, wir empfehlen immer, den PHP-Code Tag zu benutzen.Zitat von tremore
PS: Der HTML-Code Tag hier im Forum bringts voll nicht
Eine Ergänzung zum geposteten Code (Ergebnis identisch im IE7 und FF2):
Verwende doch einen richtigen DOCTYPE. Infos in dieser Liste.
Warum <br> rudelweise auftritt, ist mir nicht klar.
Gruß Anna
.:Taunusstein - Nachrichten und Kommentare
"Ich bin doch lieber jeden Tag glücklich als im Recht."
(Per Anhalter durch die Galaxis)
Mitglied
Kann der DOCTYPE in meinem Fall einen Unterschied bringen?
Oder war das jetzt allgemein gemeint?
Und das mit den BR's war zu Testzwecken, was ist an denen auszusetzen?
MfG
Dabei ist alles!
Super Moderator
Der Doctype kann u.U. einen entscheidenden Einfluß auf die Darstellung haben.
-- LANtastic :: Artikel -- DTD - Document Type Declaration - Das richtige Doctype
Zudem werde ich aus Deinen Quelltext nicht ganz schlau, da er mir unlogisch erscheint.
Kannst Du nicht einfach mal in Worte fassen, was Du eigentlich erreichen willst?
Dirk Klar - Mediendesign - Webdesign - Lübeck.
Suchmaschinenoptimierung + Barrierefreies Webdesign.
Es gibt Menschen, die hat der Liebe Gott halt erst kurz vor Feierabend gemacht!
Moderator
Scheint in Deinem Fall keinen Unterschied zu bringen. Aber auch bei Testseiten macht es Sinn darauf zu achten. Ist hier im Forum schon öfter angesprochen worden - Beispiel.
Ein <br> bewirkt einen Zeilenumbruch und sollte nicht eingesetzt werden, um einen Abstand zu erreichen. Dafür nimmst Du - wenn es nicht nur ein Absatz (<p>) sein soll z.B. 'margin-top'.
Gruß Anna
[Edit]Auch noch im Einsatz, Herr Denz.
Geändert von anna55 (22-04-2007 um 00:49 Uhr)
.:Taunusstein - Nachrichten und Kommentare
"Ich bin doch lieber jeden Tag glücklich als im Recht."
(Per Anhalter durch die Galaxis)
Mitglied
Hi,
ihr seid ja noch spät auf
Im Grunde ging es darum, (auf mein Bsp. bezogen) dass man das 2. DIV unabhängig vom 1. DIV positionieren kann. Das ist mit position=absolute in dem Fall nicht möglich, da das Elternelement position=relative hat. Das 2. DIV wird immer relativ vom 1. verschoben. Und meine Frage war, ob man ganz losgelöst vom Elternelement ein DIV positionieren kann (trotz das es im 1. DIV deklariert ist).
MfG
Geändert von tremore (22-04-2007 um 00:55 Uhr) Grund: Ich nix mehr schreiben kann...
Dabei ist alles!
Super Moderator
Wieso spät? Ist doch früh...
Beschreibung bei SelfHTML:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
Ansonsten: Ich bin jetzt mal, zu fortgeschrittener Stunde, der Meinung, das Deine Frage mit "Nein" beantwortet werden muss.
Dirk Klar - Mediendesign - Webdesign - Lübeck.
Suchmaschinenoptimierung + Barrierefreies Webdesign.
Es gibt Menschen, die hat der Liebe Gott halt erst kurz vor Feierabend gemacht!
Lounge-Member
Die Frage ist warum willst du das machen?
Du hast in einem relativ positionierten Element, ein absolut positioniertes, d.h. du möchtest ein Element, das seine Position nach dem Elternelement ausrichtet. Sonst würdest du deine Struktur ja so nicht machen. Wenn du das nicht willst, dann Sorge dafür, das die Elemente nicht verschachtelt sind.
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen