ok, ich hab mich mit dem Tutorial (und seinem Nachfolger) beschäftigt und auch ein anderes Tutorial gefunden, das mir hilft zu verwirklichen, was ich vor habe.
http://www.alistapart.com/articles/holygrail
Ich möchte etwa diese Aufteilung haben
[imghttp://img101.imageshack.us/img101/8426/designkonzepttg4.png[/img]
Das ist der grobe Aufbau meiner Seite:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29: |
|
der Footer ist mit absicht im Hauptteil der Seite drinn.
Maintank und Navitank sollen nebeneinander stehen. Der Rahmen um den Haupotteil der Seite soll ein eigener sein, wie oben im Artikel beschrieben. Dabei werden die Grafiken wie folgt verankert.
Ecke oben links = container
Ecke oben rechts = container h1
links (repeat-y) = offtank
rechts (mit repeat-y) = maintank
Ecke unten links = footer
Ecke unten rechts = footer p
Nun treten ein paar Probleme auf. Manche mögen IE6 bedingt sein, ich habe leider derzeit nicht die Möglichkeit, es mir in anderen Browsern anzusehen.
Ich habe wie im Artikel über den heiligen Gral die Aufteilung der Seite unternommen, nur dass ich die rechte Spalte vorerst weggelassen habe.
Fehler #1. Sowie ich die Höhe des Browserfensters verändere, landet der Navigationtank rechts neben dem Maintank. Lade ich die Seite mit der neuen Höhe des Fensters neu (f5) dann stimmt es wieder.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35: | body {
background: url("../images/body_bg.jpg");
background-attachment: fixed;
padding: 15px;
min-width: 400px; /* ### zwei mal die Breite der Navi + 100 ### */ }
#container {
padding-left: 150px; }
#container .column {
float: left;
position: relative; }
#maintank {
width: 100%; }
#navigationtank {
width: 150px;
margin-left: -100%;
right: 150px; }
#footer {
clear: both;
width: 100%; }
|
Ist das ein Problem von position: relative ?
MfGon
---
'Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise.'
(the Duchess)
