DIV unabhängig von Elternobjekt positionieren - Javascript-Forum JSwelt (Javascript, PHP, MySQL, AJAX, Webdesign)

tremore · registriert: 17-04-2007

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])

ein schlauer · registriert: 18-08-2004

Da macht der IE keine Unterschiede, deine Beobachtungern sind falsch.

anna55 · registriert: 07-02-2006

@tremore: Vielleicht zeigst Du uns mal Dein Beispiel, wo der DIV im FF und im IE unterschiedlich positioniert wird.

dkdenz · registriert: 13-04-2004

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;
  }

tremore · registriert: 17-04-2007

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:

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>

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.

MfG

PS: Der HTML-Code Tag hier im Forum bringts voll nicht

anna55 · registriert: 07-02-2006

Zitat:

Zitat von tremore

PS: Der HTML-Code Tag hier im Forum bringts voll nicht

Ja stimmt, wir empfehlen immer, den PHP-Code Tag zu benutzen.

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

tremore · registriert: 17-04-2007

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

dkdenz · registriert: 13-04-2004

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?

anna55 · registriert: 07-02-2006

Zitat:

Zitat von tremore

Kann der DOCTYPE in meinem Fall einen Unterschied bringen?
Oder war das jetzt allgemein gemeint?

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.

Zitat:

Zitat von tremore

Und das mit den BR's war zu Testzwecken, was ist an denen auszusetzen?

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.

[/Edit]

tremore · registriert: 17-04-2007

Zitat:

Zitat von dkdenz

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?

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

dkdenz · registriert: 13-04-2004

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.

ein schlauer · registriert: 18-08-2004

Zitat:

Zitat von tremore

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.

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.