|
|||
![]()
ich hab in meiner seite 3 divs verwendet.
- das äußerste zum zentrieren des contents in der mitte (dunkler rand) (760px) - da drin nen weisses div (740px) - da wiederrum drin der eigentliche content (720px) Code:
<div id="middleGrau"> <div id="middleWeiss"> <div id="content"> <table> [MEIN CONTENT] </table> </div> </div> </div> Code:
// zentriert mittig, dunkel grauer rahmen #middleGrau { position: absolute; visibility: visible; width: 760px; left: 50%; margin-left: -380px; background-image:url(/templates/images/bg_schatten.gif); height: 100%; min-height: 750px; z-index:10; border:1px solid #ff0000; } // zentrierte weisse fläche auf dem dunkel grauen div #middleWeiss { position: absolute; visibility: visible; left: 10px; width: 740px; background-color:#ffffff; height: 100%; min-height: 750px; z-index:20; } // eig. content, auch zentriert auf den beiden anderen divs #content { position: absolute; visibility: visible; left: 10px; width: 720px; height: 100%; z-index:30; } ![]() Mein Problem ist, dass wenn ich einige sehr lange Seiten habe, dann werden die beiden äußeren Container nicht der Länge des Content-Containers angepasst, also der Content läuft über die beiden "Rahmen-Container" hinaus. Siehe hier: ![]() Ich raffe gerad nicht so ganz warum das so ist. Ich hätte eben gern, das alle 3 Container gleich lang sind in der Höhe. Mit dem height:100%; maximiere ich den Container auf Bildschirmgröße, aber eben leider nicht auf Seitenlänge... Kann mir jemand von euch auf die Sprünge helfen? |
Sponsored Links |
|
|||
![]() Zitat:
*Etwas verwirrt*. ![]() |
|
|||
![]() Zitat:
IMHO brauchst du für dein Layout weder absolute noch relative Positionierung. Horizontales Zentrieren macht man besser mit margin:0 auto - denn dann verschwinden die Inhalte nicht unerreichbar nach links, wenn das Browserfenster sehr schmal ist. Ich verstehe auch nicht, weshalb du drei verschachtelte Container brauchst. Die Eigenschaften margin, border und padding sind dir bekannt? Und warum steckst du deinen Inhalt in eine Tabelle? Grüße fricca |
|
|||
![]() Zitat:
3 Container sind wohl wirklich etwas überdimensioniert, da ist was dran, aber ich fand den Aufbau so bisher (für mich) recht übersichtlich! ![]() Naja, mal sehen. ![]() Danke für die Tipps und Anregungen. |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Doctype und CSS Problem | tech | CSS | 3 | 29.05.2009 21:16 |
problem mit layout --> testcase | andip | CSS | 5 | 29.02.2008 15:10 |
css layout problem | fz21z | CSS | 0 | 30.01.2008 23:41 |
layout mit css - problem | xxlcss | CSS | 1 | 30.12.2005 03:25 |
problem ausrichtung grafik und rand (css layout) | celine@23 | Barrierefreiheit | 1 | 28.12.2005 14:05 |