Ondersteuning » Thema en CSS/opmaak » flexibele footer

  • Hallo! Weet iemand hoe je een flexibele footer maakt (= een footer die zich over de hele breedte uitspreid)? Het is mij wel gelukt met de header, maar als ik die css op de footer loslaat gebeurt er niets. (Ik gebruik het Twenty Ten 1.2 theme)

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Wil je hem volledig in de breedte over het scherm zeg maar?

    De footer in Twenty Ten valt binnen de div #wrapper die 940px breed is, dan zul je hem daar buiten moeten plaatsen en width:100% moeten meegeven.

    Thread starter proudmary

    (@proudmary)

    Ja, over de volledige breedte.
    Ik heb mijn margin op ‘auto’gezet met een margin van 20 px aan beide kanten.
    Het ‘width: 100%’ heb ik nu op de volgende plaats in mijn footer staan:

    ————————————————————– */
    #footer {
    width: 100%;
    margin-bottom: 20px;
    }
    #colophon {
    border-top: 4px solid #000;
    margin-top: -4px;
    background: url(http://www.mariekenijhof.nl/ProudMary/wp-content/uploads/footer.jpg) no-repeat 0 0;
    background-size: width: 100%;
    overflow: hidden;

    padding: 18px 0;

    Maar dat helpt dus niet.
    Hoe plaats ik mijn footer buiten de wrapper?

    Thread starter proudmary

    (@proudmary)

    ehm, mijn eerste ‘margin’ moet ‘wrapper’ zijn ;-p

    De div wrapper eindigt op een gegeven moment ergens met </div>, daarna zou je de footer moeten plaatsen. Kan nu even niet naar Twenty Ten oid zelf kijken om het exact te bepalen…

    Voorbeeldje:

    <div id="header">
    </div>
    
    <div id="wrapper">
      <div id="logo">
      </div>
      <div id="menu">
      </div>
      <div id="content">
      </div>
    </div>      <-- hier stopt #wrapper
    
    <div id="footer">
    </div>
4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘flexibele footer’ is gesloten voor nieuwe reacties.