Ik heb net een nieuwe website gemaakt: www.henkbruurs.nl. Nu heb ik het probleem dat de footer in IE7 niet goed wordt weergegeven. De footer overlapt namelijk de content, in IE8 FF en Chrome werkt de footer wel goed. Iemand een idee waar dit door komt?

In hoeverre is zo'n tester ook betrouwbaar? ;)

Anyways, zonder echt relevante code is het natuurlijk tasten in het donker. Misschien dat je even wat code kan plaatsen (natuurlijk niet alles).

Tja ik hoop maar dat hij goed werkt, zou anders ook niet weten hoe ik kan testen hoe mensen met IE7 het zien. De website staat al online, www.henkbruurs.nl
.

En wat gebeurt er als je de "position:relative" uit de CSS haalt (.footerbg)

Je hebt je left op 0px; staan

Wacht secondje

Zonder position:relative van .footerbg gaat de footer wel naar de achtergrond, maar blijft op precies dezelfde hoogte (een plaatje zegt veel meer als deze tekst dus deze zit in de bijlage).

#footerbg {
background: url("images/footer.jpg") repeat-x scroll 0 0 #E3E3E3;
clear: both;
height: 150px;


}

naar

#footerbg {
background: url("images/footer.jpg") repeat-x #E3E3E3;
clear: both;
height: 150px;


}
Aanvullend bericht:
En moest het nog niet opgelost zijn dan zal ik je nog wel verder helpen maar dat moet het zijn
Aanvullend bericht:
En moest het nog niet opgelost zijn dan zal ik je nog wel verder helpen maar dat moet het zijn
Aanvullend bericht:
En trouwens:

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;


}


* {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;


}

Origineel gepost door Andelhofs P

#footerbg {
background: url("images/footer.jpg") repeat-x scroll 0 0 #E3E3E3;
clear: both;
height: 150px;


}

naar

#footerbg {
background: url("images/footer.jpg") repeat-x #E3E3E3;
clear: both;
height: 150px;


}

Nee dat is hem helaas niet, in mijn css staat geen scroll 0 0. Staat er alleen bij firebug. Maar ik vond de stelling van Ramon ook wel interessant, is er iemand die mij kan zeggen dat deze tester inderdaad laat zien wat mensen met IE7 zien?

laat css dan eens zien die je daar hebt is niet zo maar :)

Code:

html,body{
height: 100%;
background: #D6D6D6 url('images/content.jpg') repeat-y center;
}
#bg{
margin: 0 auto -150px;
background: url('images/streep.jpg') repeat-x 0px 250px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#bg2{
background: url('images/content.jpg') repeat-y center;
width:900px;
margin: 0 auto -150px;
min-height: 100%;
height: auto !important;
height: 100%;
}
#content{

    width:900px;
background: url('images/bg.jpg') no-repeat center top;
margin: 0 auto;
}
    
#topmenu{
width:418px;
height:41px;
float:right;
background: url('images/menu.png') no-repeat center top;
margin: 0 0 0 486px;


}
#tekst{
width:590px;
float:left;
background:#fff;

padding:10px 5px 10px 5px;
}
#contact{
padding: 5px;
width:290px;
float:right;
background-color: #EFF0F0;

}

#footerbg{
clear:both;
height:150px;
background:#E3E3E3 url('images/footer.jpg') repeat-x;

}

#footer{
position:relative;
margin:auto;
width:900px;
height:150px;
padding-bottom:0;
}
.footblock{
height:135px;
width:295px;
float:left;
color:#000;
padding:15px 0 0 5px;
font-size:14px;
}

#sticker{
height:182px;
clear:both;
}

Dit is de volgens mij de belangrijkste css voor de pagina. De CSS is inderdaad niet klein, ga deze als de website helemaal klaar is inkleinen, net zoals de html, maar dan wil ik wel eerst de website goed werkend krijgen :P

Waarom steekt iedereen een div in een div ?

Laat je html eens zien vanaf <div footer> tot eind van deze tag

Origineel gepost door Andelhofs P

Waarom steekt iedereen een div in een div ?

Laat je html eens zien vanaf <div footer> tot eind van deze tag

Code:

        <div id="footer">
        
            <div class="footblock">
            <p>Henk Bruurs Installatietechniek</p>
            <p>Willibrordusstraat 22</p>
            <p>5175 AL Loon op Zand</p>    

            <br>
            <p><a href="http://www.henkbruurs.nl/contact/">Routebeschrijving</a></p>
            </div>
            
            <div class="footblock">
            <p>TEL: 0416-362957</p>
            <p>FAX: 0416-362947</p>
            <p>E-MAIL: <a href="mailto:henk@henkbruurs.nl">henk@henkbruurs.nl</a></p>
            <p>KVK: <a href="https://server.db.kvk.nl/TST-BIN/FU/TSWS001@?BUTT=180450000000" title="Kamer van Koophandel" target="_blank">18045000  0000</a></p>
            <p>BTW: NL153128468B01</p>
            </div>
            
            <div class="footblock">
            <p><a href="http://www.henkbruurs.nl/wp-content/uploads/2011/01/AVIC.pdf" title="Algemene voorwaarden consumenten" target="_blank">Algemene voorwaarden consumenten</a></p>
            <p><a href="http://www.henkbruurs.nl/wp-content/uploads/2011/01/ALIB.pdf" title="Algemene voorwaarden bedrijven" target="_blank">Algemene voorwaarden bedrijven</a></p>
            
        
            </div>
            
        </div>

Ik moet de menu's nog netter maken maar de overige div in div's zijn voor de opmaak.

Doe die bgfooter eens weg en set alles op een div en update de boel eens :)

Origineel gepost door Andelhofs P

Doe die bgfooter eens weg en set alles op een div en update de boel eens :)

Hoe krijg ik dan mijn footer tekst nog goed onder mijn content? Sorry ben niet echt een held in html en css.

Beloof je morgen te helpen met heel die footer!
Moet nu echt afronden ;)

tot morgen.