Aufteilung meiner Website

    Hallo,

    ich stehe beim erstellen meiner Seite vor folgendem Problem.

    Ich habe ein <div> Element mit width:800px (höhe weiss ich noch nicht) und möchte es in die folgenden drei Bereiche aufteilen.

    • width:128px (Submenu)
    • width:512px, margin-left:16px, margin-right:16px (Site)
    • width:128px (weiss noch nicht)

    Also: 128 + 16 + 512 + 16 + 128 = 800

    Was wäre in diesem Fall die beste Vorgehensweise? Wäre es sinnvoll die drei Bereiche, da sie nebeneinander liegen sollen, jeweils in ein Inline-Element <span> zu "verbacken"?

    Dann würde das so aussehen.

    <div style="width:800px">
    <span style="width:128px">...</span>
    <span style="width:512px;margin-left:16px;margin-right:16px">...</span>
    <span style="width:128px">...</span>
    </div>

    Ich habe mir auch überlegt es mit eine Tabelle zu realisieren. Aber Tabellen benutze ich nur ungerne ...

    Gruß

    Tikonteroga

    hallo.

    Zitat

    Was wäre in diesem Fall die beste Vorgehensweise? Wäre es sinnvoll die drei Bereiche, da sie nebeneinander liegen sollen, jeweils in ein Inline-Element <span> zu "verbacken"?


    nein, geht besser und einfacher mit float:

    beispiel html:

    beispiel css:

    wird wohl noch nicht perfekt sein, kanns grad nicht testen, aber mit der vorlage solltest du es schaffen ;) - ansonsten meldest du dich nochmal.
    so long

    Nö, wieso, pack einfach alle in DIVs.
    Spans sind eher für Text-Bausteine geeignet, als für Layout-Elemente.

    Versuch mal dieses Bsp. hier... :wink:

    PS, achte auf den Titel :) :wink:

    Hallo,

    ich habe es jetzt hinbekommen. Funzt im IE7 und Firefox 2.0.

    CSS:

    HTML:

    Code
    <div class="content">
	<div class="submenue"></div>
	<div class="site"></div>
	<div class="special"></div>
</div>

    Ihr verwendet oft das HTML Atribut id an der Stelle an der ich das Atribut class verwenden, muss mir das mit dem id mal anschauen.

    Gruß

    Tikonteroga

    ist im prinzip ähnlich, id hat etwas mehr "autorität".. wenns mit class nicht funzt kannst du es mal mit id probieren. bei id darf das mit id versehene element nur 1x in der entsprechenden datei vorkommen.
    ich verwende id für sachen wie layout divs und class für p, span, links usw.

    so long