XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   DIV container verschachteln und pixelgenau platzieren (http://xhtmlforum.de/showthread.php?t=60036)

Yakilo 01.02.2010 21:01

DIV container verschachteln und pixelgenau platzieren
 
so ich möchte mehrere DIV container miteinander verschachteln, dabei kann man hier in der Grafik die Schwarzen Balken sehen. Diese Balken sollen stellen darstellen an welchen stellen ich den Abstand Pixelgenau bestimmen möchte. Dabei soll es egal sein was um den ersten DIV container herum ist, ob es ne tabelle oder nen weiterer DIV container ist. Die DIV container 3 und 4 sollten dabei beide sich pixelgenau an div container 2 ausrichten und zusammen nix mit einander zu tun haben.

grafik: http://frozendelics.kilu.de/div.jpg

soweit hat das alles schon geklappt, allerdings soweit es in die page eingebunden wurde klappte es net mehr da die container 3 und 4 sicht nicht mehr an container 2 ausrichten.
hier die funktionierende Variante.

sendeplan-show

die Variante wo es in der Page eingebunden ist kann ich hier leider nicht verlinken, da die seite noch nicht veröffentlicht ist und auch es noch nicht sein soll

Cocoon 02.02.2010 10:46

Eine Frage zum Code der "funktionierenden" Variante:

HTML-Code:

<div style="background-image:url(img/sendeplan-hg.JPG); height:800px; width:278px;">
  <div style="margin-top:39px; margin-left:143px; position:absolute; height:720px; width:120px;">
  <div style="margin-top:0px; padding:5px; position:absolute; padding-top:480px; padding-bottom:0px"><img src="img/balken.png" width="30" height="60px" />
  </div>

  </div>
</div>

Warum wird dort position:absolute mit margin und padding verwendet? Wo ist der Sinn?

Gib Container 2 position:relative und platziere Container 3 und 4 mit position:absolute und top und left.

Yakilo 02.02.2010 13:22

vielen dank werde es später direkt mal ausprobieren

bzgl was sinn ergibt und was nicht, so gut kann ich das ganze noch nicht, und das es überhaup ansatzweise funktioniert hatte, hatte mich schon gefreut^^

Yakilo 02.02.2010 19:41

funktioniert nicht Container 3 und 4 richten sich nicht nach container 2 aus.

Yakilo 02.02.2010 20:18

ok vielen dank funktioniert schon, ich hatte ein dreher in der einbindung...
das template wurde reingezogen bevor die variablen berechnet wurden
nun geht es... HAPPY^^


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:45 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020