Hoi,

Ik ben bezig met een website te maken maar krijg me footer (.bottom) niet onder aan
heb de hele internet al afgezocht hoe ik dit moest doen maar niks help iemand enig idee
hoe ik dit moet oplossen:


*{
     margin: 0;
}
html, body {
     margin:0;
     padding:0;
     height:100%;
     background-image: url('http://scrapzz.nl/sjatje/image/back.jpg');
     background-repeat: no-repeat;
     background-attachment:fixed;
}
div.ads{
     background-image: url('http://scrapzz.nl/sjatje/image/bodyback.png'); 
     height: 800;
     width: 250px;
     position: fixed;
     bottom: 400px;  
     top: 40px;
     left: 40px;
     border: #000000 solid 3px;
     padding-bottom: 60px;
     padding: 10px;
}
div.main{
     background-image: url('http://scrapzz.nl/sjatje/image/bodyback.png'); 
     height: auto;
     width: 1000px;
     position: absolute;
     top: 40px;
     left: 340px;
     border: #000000 solid 3px;
     padding-bottom: 60px;
     overflow:none;
}
div.menu{
     background-image: url('http://scrapzz.nl/sjatje/image/menuback.png');
     padding-top: 0px;
     width: 980px;
     height: 30px;
     padding: 10px;
}
ul.menustyle li{
     display: inline;
     padding-right: 20px;
     height: 60px;
     width: 90px;
}
ul.menustyle{
     float: left;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style-type:none;
}
li.menuitem a{
     display: inline-block;
     background-color: #073a6e;
     border-radius: 5px;
     height: 30px;
     width: 90px;
     text-decoration: none;
     text-align: center;
     font-family: "Segoe Marker", "Times New Roman";
     font-size: 18pt;
     color: #000;
}
li.menuitem a:hover{
     background-color: #10477e;
     text-decoration: none;
     color: #000;
}
div.content{
     padding-top: 10px;
     padding-left: 10px;
     height: auto;
     width: auto;
}
div.bottom{
     position: fixed;
     width: 1600px;
     height: 60px;
     bottom: 0px;
}
#container {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     position: relative;
}




<div id="container">
     <div class="ads">hoi</div>
     <div class="main">
          <div class="menu">
               <ul class="menustyle">
                    <li class="menuitem">
                         <a href="#">Home</a>
                    </li>
                    <li class="menuitem">
                         <a href="#">Webshop</a>
                    </li>
               </ul>
          </div>
          <div class="content">
               <h1>Nieuw</h1>
               <img src="/test.png"/>
               <br/>
               <h1>Meest verkocht</h1>
               <img src="/test.png"/>
               <br/>
               <h1>Meest verkocht</h1>
               <img src="/test.png"/>
          </div>
     </div>
     <div class="bottom">&copy *.nl</div>
</div>

Hij blijft wel onder de rechte menu (.ads) maar niet onder de main
Bij mij staat hij gewoon onderaan de pagina, wat wil je dan precies of werkt dit bij jou niet?
Tim Slootweg op 23/02/2013 20:17:14

Bij mij staat hij gewoon onderaan de pagina, wat wil je dan precies of werkt dit bij jou niet?


Bij mij werkt dit juist niet nee:
sjatje.scrapzz.nl
Doet het hier in FF prima.
Als je hem een background-color meegeeft, dan zie je precies welke vorm hij zich aanmeet.
Wel overlapt de main-div die footer, maar met een z-index met een hogere waarde kan je dat weer oplossen.
hij overlapt de main ja en met z index lukt het ook niet!
Laat eens wat zien? Screenshot? Welke browser?
Dit is natuurlijk behoorlijk gokken zo.....
- Aar - op 23/02/2013 20:29:52

Laat eens wat zien? Screenshot? Welke browser?
Dit is natuurlijk behoorlijk gokken zo.....


Ik had de website al in een reactie gegeven (sjatje.scrapzz.nl) en hij doet het bij chrome,ie9 en opera (overige browser weet ik niet)
Hoe zie jij het dan daarin? Soms verschillen browsers nog wel eens van hun werkwijze. Dus een screenshot zou vast niet overbodig zijn.

Ik zie de nu 'nu rode' balk netjes aan de onderkant van het scherm gekleefd, en hij blijft ook bovenop de andere divjes liggen? Wat me correct lijkt (recente FF)
- Aar - op 23/02/2013 20:34:53

Hoe zie jij het dan daarin? Soms verschillen browsers nog wel eens van hun werkwijze. Dus een screenshot zou vast niet overbodig zijn.

Ik zie de nu 'nu rode' balk netjes aan de onderkant van het scherm gekleefd, en hij blijft ook bovenop de andere divjes liggen? Wat me correct lijkt (recente FF)


bij mij is het zo en andere pc in huis ook:

bij mij overlapt ie dus elk andere divje
Wat wil je nou eigenlijk?
Dat de breedtte volledig doorloopt? Og..

Wees a.u.b. eens wat duidelijker, dan kunnen we je makkelijker helpen.
- Aar - op 23/02/2013 20:45:47

Wat wil je nou eigenlijk?
Dat de breedtte volledig doorloopt? Og..

Wees a.u.b. eens wat duidelijker, dan kunnen we je makkelijker helpen.


de rode balk moet onder op blijven en niet de andere overlappen dat is wat ik wil!

Reageren