Dag allen,

Ben met een blog van Wordpress bezig op www.gerbenvanerkelens.com

Nu is het probleem als volgt, ik wil dat de footer netjes onderaan blijft staan en dat de pagina met hoofdinhoud daarachter langs scrolled als het ware. In Firefox doet hij dit netjes. echter in IE flapt hij de footer naar rechts.

Ik heb mijn hele css nagekeken, maar kan niet vinden waar de fout zit.

Daarnaast heb ik een probleem dat als er op een post geklikt wordt aan de bovenzijde een wit ruimte toegevoegd wordt.

de css code is te vinden op:
www.gerbenvanerkelens.com/wp-content/themes/gve/style.css

de website is uiteraard te vinden op www.gerbenvanerkelens.com

Heeft iemand enig idee waar ik het fout doe?


Daarnaast heb ik een probleem dat als er op een post geklikt wordt aan de bovenzijde een wit ruimte toegevoegd wordt.


Dat komt me bekend voor.

Heb je in CSS de border functie gebruikt? IE en FF weergeven deze namelijk totaal anders.
Ik denk niet dat het een border is. Kijk maar eens op de website dat is erg veel voor een border. Het maximale dat ik aan border gebruik is 1 px.
Ik kan echter nergens iets vinden van die grote. het lijkt mij ongeveer 45px echter kan ik deze nergens vinden.
Ik heb ff snel wat gegeken en kwam op het volgende.

doet het zeker in IE maar zal wel weer een probleem geven in FF

#footer {
position: fixed;
margin: 0px -635px;
background: #fafafa url('images/footer_bg.jpg') repeat-x top;
border: none;
}
Heb de bovenstaande code inderdaad gebruikt. Hierdoor verdween bij mij de gehele footer.

Heb er nu van gemaakt:
#footer {
position:fixed;
width:100%;
margin: 0px -635px;
height:200px;
bottom: 0px;
border: none;
}

Nu staat hij in IE perfect weergegeven. Echter in Firefox niet meer. Ik moet wel zeggen dat de witruimte bovenaan bij IE niet zichtbaar is, alleen bij firefox
We komen in de buurt dus.
als je je footer nu eens in de div page plaatst?
Als ik hem daarin zet dan blijft hij niet tegen de zijkant van het venster aan staan.
ik zie dat je 2 keer footer in je css hebt staan
Dat klopt, ik had eerst het standaard kubrick theme geinstalleerd staan en heb deze gebruikt om een nieuw theme te maken. In de css hiervan stond 2x footer vandaar dat ik het heb laten staan. Heb ze inmiddels wel samengevoegd maar dat maakt qua layout niks uit.

Reageren