framedesign durch css und div's erzeugen

[benni]

Hi!

ich möchte ein frameartiges design mit divs erstellen, das ganze soll dann folgendermassen
aussehen :

---

titlediv    feste breite (100%) variable höhe
navidiv
feste breite
variable
höhe
____________
____________________________________________
copyrightdiv IM footerdiv
____________________________________________

(ich hoffe das wird bei euch richtig dargestellt)

probier ichs mal:
<div id="header" style="width: 100%;">Header</div>
<div id="navi" style="float: left; width: 150px;">
Navilink1
Navilink2
</div>
<div id="body" style="margin-left: 150px;">
Body eben
</div>
<div id="footer" style="margin-left: 150px;">
footer
</div>

Der Nachteil hierbei ist, dass der content-bereich bei kleineren Auflösungen nicht unter die Navigation rutschen kann. Aber da ist wohl wieder die Frage deines Clientels.

Übrigens so ähnlich zu bewundern auf http://benni.homelinux.net/hp und http://blog.benni.homelinux.net. Letzteres bitte mit !IE, da der ein anderes Stylesheet ausgeliefert bekommt.

ich habe nun sehr lange rumprobiert mit position absolute relative  float und display und und und,
aber langsam habe ich das gefühl was ich da vor habe geht nicht mit css und div.

Oft liegts weniger am CSS sonder viel mehr an den browsern ;-)

ich möchte gerne ein etabellenloses design machen, mit tabellen funzt es einwandfrei ;-)
aber wird sind doch nun in der tabellenlosen zeit angekommen oder nicht ?

Jup. Und das ist auch gut so :-).

viele Grüße,
benni