Div Container unter einander

Dieses Thema im Forum "Webdesign" wurde erstellt von Mirak, 6. Mai 2010 .

Schlagworte:
  1. 6. Mai 2010
    Hey Jungs

    Ich habe 3 Div Container. Header, Content, Footer.

    Die Größe des mittleren (Content) Container ändert sich immer wieder, je nach dem wie viel man rein schreibt.

    Ich will jetzt, das der 3. Container, der Footer, immer automatisch unter dem 2. Container, dem Content ist.

    Wie mache ich das am besten?

    Vielen Dank

    Greetz Mirak
     
  2. 6. Mai 2010
    AW: Div Container unter einander

    - dein Floating nach dem Content-Div abschalten (geht im Style mit nem clear: both)
    - zur not nen break
    - um den Content noch nen Container mit ner festen Breite ballern
     
  3. 6. Mai 2010
    AW: Div Container unter einander

    Danke, werde ich mir anschauen.

    Ich habe dich wohl neulich erst bewertet, aber keine Ahnung in welchem Thread.

    Danke

    EDIT

    Bin irgendwie zu blöd dafür :/ bei Google finde ich nur die selben Seite wir zu vor. Und die bringen mir nichts.
     
  4. 7. Mai 2010
    AW: Div Container unter einander

    leg doch einfach dein footer in den content container.
    sonst:

    Code:
    <div id="footer" style="clear:both;"></div>
     
  5. 7. Mai 2010
    AW: Div Container unter einander

    Wie mache ich das denn?

    Der mittlere Container, der Content ändert ja immer seine Größe (je nach Inhalt).

    Ich hätte gerne, das der Footer dann automatisch nach unten geschoben wird.
     
  6. 8. Mai 2010
    AW: Div Container unter einander

    so sollte das doch eigentlich gehen:
    HTML:
    <div id="page" style="width:800px; margin:0 auto;">
     <div class="header" style="width:100%;">Header</div>
     <div class="content" style="width:100%;"></div>
     <div class="footer" style="width:100%; clear:both;">Footer</div>
    </div>
    oder seh ich da was falsch (aus reinem Interesse, bin auch nicht gerade nen Profi^^)
     
  7. 8. Mai 2010
    AW: Div Container unter einander

    Das werde ich sofort testen, vielen Dank.

    Ich werde morgen Bericht erstatten, ob es geklappt hat.
     
  8. 8. Mai 2010
    AW: Div Container unter einander

    Habs dir doch schon gesagt, der wichtige Eintrag davon heisst clear:both

    Aber btw, der Grund warum ich antworte is folgender:
    Mach width nur auf 99% , bei 100 spackt der IE gerne mal rum
     
  9. 8. Mai 2010
    AW: Div Container unter einander

    Beim nächsten mal höre ich sofort auf dich

    EDIT

    Ich glaube ich habe es raus. ich tüftel noch etwas.

    Vielen Dank an euch. Ihr hattet natürlich alle Recht, aber mein Einsteiger-Grundwissen war zu wenig um zu checken wie ihr es gemeint habt.
     
  10. 10. Mai 2010
    AW: Div Container unter einander

    oder so
    Code:
    <div id="page" style="width:800px; margin:0 auto;">
     <div class="header">Header</div>
     <div class="content">
     <div class="footer">Footer</div>
     </div>
    </div>
    
    ach noch was:
    div ist immer 100% breit, brauchst also die weite nicht noch setzen.
     
  11. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.