Sticky footer schuift over content in Chrome en Safari

Versie Joomla 2.5.4
In mijn template blijft de "stickyfooter" in alle browsers mooi onder de content staan als het blok waar de content in staat in grootte veranderd. Alleen in Chrome en Safari schuift de footer bij verkleinen van het scherm of op bijv. een iphone over het content blok heen.

Ik heb al vanalles geprobeerd maar kom er niet uit. Het lijkt alsof de twee browsers de hoogte/inhoud van het content blok negeren. Ik vind maar geen oplossing.

Als ik de footer niet in een wrapper/container plaats is het probleem weg, maar dan mis ik een hoop styling opties en dat wil ik niet.

Klik hier voor de testsite

Alvast bedankt voor de hulp

Hoi Jangroen,

Namens het Joomla!NL team heet ik je van harte welkom op dit forum.

Ik heb je website even bekeken in IE(Internet Explorer) en in Chrome. En ben toe inderdaad het verschil gaan zien. Je tekst gaat namelijk in je footer lopen.

Wijzig de volgende regel uit template.css bij line 64 blokje #wrapper Als het goed is is het nu opgelost .

Beste Juliank92,

Bedankt dat je naar mijn 'probleem' hebt gekeken. Ik heb je advies opgevolgd, maar nu is het zo dat de footer niet meer echt stickt. Het lijkt alsof de #wrapper met de verandering margin: auto; 'automatisch' te groot wordt. Ik heb al wat geprobeerd wat met de verschillende heights te variëren, maar dat lost t niet op.

Op dit moment staat "jouw" code nog in de template, dus kijk gerust wat het doet. Als je nog een idee hebt hoor ik het graag.

Groet,
J

Volgens mij moet je een aparte div maken voor push. Hij maakt nu deel uit van je footer.

Heb inmiddels deze sticky footer code naast de mijne gelegd en eea aangepast. sticky footer css code

Dus de .push weggehaald en een negatieve margin van de footer gelijk aan de hoogte van de footer ingevoegd bij #footer. Verder nog wat kleine aanpassingen adhv de code op de bovenstaand site. Alleen heb ik voor mijn site wel een minimum-height in moeten voegen om alles mooi onder elkaar te krijgen.

Volgens mij doet alles het nu goed, ook in chrome FF en iphone e.d.

Mensen bedankt voor het meedenken om me op het juiste spoor te krijgen. Als je nog wat fouten ziet, want inmiddels zal er wel wat overbodige css ingeslopen zijn.

Groet en bedankt,
J.

Hallo,

Fijn dat het opgelost is.
Bedankt voor het terugkoppelen.