Hallo Forum,
ich bastle jetzt schon ne ganze weile an einem CSS-Design rum und bekomm langsam echt die Kriese, da das Ding nie so aussieht wie ich es gerne hätte.
Ich hätte gern ein Design, dass wie folgt aussieht, bekomme es aber mit position: absolute/relative und evtl den floats einfach nicht hin:
Das ganze sollte zentriert sein ...
1. Header mit fester Breite und fester Höhe
2. zwei Container nebeneinader für Navigation und Inhalt
3. Container mit der gleichen Breite wieHeader als Fusszeile
So sieht mein CSS gerade aus ... passt auchb fast, nur dass navigatiuon und inhalt nicht nebeneinander sind.
#top { width: 800px; height: 100px; background: darkseagreen; padding: 0px; }
#navigation {position: relative; background: #0000FF; height: auto; width: 240px; left: auto; top: 10px; lft: 0px; bottom: auto; }
#inhalt { position: relative; background: #FF0000; height: auto; width: 550px;left: 250px; top: 2px; }
#fussleiste { position: relative; background: silver; height: 50px; width: 800px;left: 0px; top: 10px; }
Wichtig ist, dass fusszeile automatisch nach unten wandert, wenn navigation ODER inhalt sich in der Höhe vergrößert, also die Container nicht überlappen.
Danke schonmal & Grüße