Forum Mjukvara Programmering och digitalt skapande Tråd

Footer-div delay + Problem med IE (sigh)

1
Skriv svar
Permalänk
Medlem ★
●

Footer-div delay + Problem med IE (sigh)

Hallå!

Vill att min footer laddas efter 180millisec, fungerar hur bra som helst i alla webbläsare förutom IE (så klart...) där den bara skrivs ut direkt utan att läsa JavaScriptet

Tror det är display: none; som ställer till det, man kanske kan ta bort Diven först med JS och sen lägga till den efter 180millisec? Är dock inte bra på JS

Problemet kan ni se om ni öppnar www.nordfoto.se i IE och scrollar genom bilderna (next image › ), footern hoppar upp och ner då DISQUS expanderar. Prova sen i Fx så ser ni vad jag vill ha det som kanske är ett "ful-hack" men men

Här kommer koden

JS

<script type="text/javascript">
	function showDiv(){
		var obj = document.getElementById('footer');
		obj.style.display = 'block';
	}
</script>

onload

<body onLoad="setTimeout('showDiv()', 180);">

CSS som är relevant

display: none;

Och till sist footer-taggen

<div id="footer">content</div>
Senast redigerat
Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tjenare,

Det beror på hur vissa webbläsare väljer att öppna upp en sida, i IE's fall så börjar den med att visa sidan före Javascriptet, till skillnad från FF, GC eller Safari.
Eftersom din footer ligger under Disqus skiptet så börjar IE med att display'a footern först och sedan trycka ner footern tillbaks till botten av sidan när Disqus laddats klart.

Har du testat sätta in en : "position:absolute;" i din CSS-kod?

Mvh
//iSnooW

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av iSnooW:

Tjenare,

Det beror på hur vissa webbläsare väljer att öppna upp en sida, i IE's fall så börjar den med att visa sidan före Javascriptet, till skillnad från FF, GC eller Safari.
Eftersom din footer ligger under Disqus skiptet så börjar IE med att display'a footern först och sedan trycka ner footern tillbaks till botten av sidan när Disqus laddats klart.

Har du testat sätta in en : "position:absolute;" i din CSS-kod?

Mvh
//iSnooW

Gå till inlägget

Intressant!

Provade att lägga till absolute men no go

Kan jag lägga så att footern laddas före DISQUS, kan bli lite problematiskt ^^

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem
●

Alright, jag lånade din kod lite, hoppas det inte gör något.

Jag fick till det hos mig genom att lägga till de här raderna i footern.

position:absolute;
bottom:0;

Testa om det fungerar

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av iSnooW:

Alright, jag lånade din kod lite, hoppas det inte gör något.

Jag fick till det hos mig genom att lägga till de här raderna i footern.

position:absolute;
bottom:0;

Testa om det fungerar

Gå till inlägget

Fungerar tyvärr inte

Gör enbart att footern ligger bottom:0; så det ser rätt ut men i vissa upplösningar lägger den sig fel

Grrr IE ^^

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av flashen:

Fungerar tyvärr inte

Gör enbart att footern ligger bottom:0; så det ser rätt ut men i vissa upplösningar lägger den sig fel

Grrr IE ^^

Gå till inlägget

Jobbigt :/ Typiskt IE

Tog du då bort "display:none" när du testade?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av iSnooW:

Jobbigt :/ Typiskt IE

Tog du då bort "display:none" när du testade?

Gå till inlägget

Provade det nu, samma problem

Finns säkert någon lösning för IE, men man blir så trött på det ibland ja ^^

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem
●

Haha, så den kom över Disqus nu? xD

Aa du skulle ju också kunna sätta in en "min-height: 'x'px;" i Box5 div'en.
Det gör att den minsta höjden på Disqus blir till "X" px.
X byter du ut mot något som skulle passa till de flesta upplösningar.
Kanske några 100+ pixlar skulle fungera.

Vet dock inte om hur snyggt det blir
Det kan du ju också sätta in i taggar som endast visas till den specifika IE versionen beroende på vilken siffra du sätter in, oftast är det IE 6 det är problem med, och då fixas det även på resten av IE versionerna:

<!--[if IE 6]>

<![endif]-->

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Det absolut enklaste är att strunta i skriptet för footern och lägga till en css-regel:
#box5 { min-height:320px; }

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Teknocide:

Det absolut enklaste är att strunta i skriptet för footern och lägga till en css-regel:
#box5 { min-height:320px; }

Gå till inlägget

Underbart, räddade min kväll

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara