Website goed laten weergeven, €20 beloning

**Dennis Visschedijk** · 691 × bekeken sinds 19-06-2012, 10:18

Wie deze site: http://no.nl/0cUL opent op een Ipad, zal zien dat de footer niet goed wordt weergegeven.

Ik heb alles al geprobeerd zoals viewport etc maar ik krijg het niet goed en ik wil het vandaag geregeld hebben.

€20 beloning voor wie mij zo snel mogelijk de oplossing kan geven!

Als dit op te lossen is met een mobiele css, dan ook prima, daar heb ik niet zo'n verstand van.

**RoyB** · 19-06-2012, 10:22

U wilt de footer onderaan uitlijnen begrijp ik? Probeert u eens het volgende:

Code:

#footer {
  background: #000000;
  bottom:0;
  height: 150px;
  margin-top: 50px;
  position: absolute;
  width: 100%;
}

**Thomas Luit** · 19-06-2012, 10:23

Code:

#footer {
	height: 150px;
	background: #000;
	margin-top: 50px;
        min-width:1000px;

}

**Dennis Visschedijk** · 19-06-2012, 10:27

Dit gaat niet, dat verknoeid de hele layout. Het probleem is dat de footer op de Ipad rechts ineens ophoudt, waardoor er een wit vlak ontstaat en de links onderaan in het midden verder gaan.

**RoyB** · 19-06-2012, 10:29

Origineel gepost door Dennis Visschedijk

Dit gaat niet, dat verknoeid de hele layout. Het probleem is dat de footer op de Ipad rechts ineens ophoudt, waardoor er een wit vlak ontstaat en de links onderaan in het midden verder gaan.

Gebeurt dit ook wanneer u mijn oplossing gebruikt?

**Dennis Visschedijk** · 19-06-2012, 10:30

@Thomas, helaas geen verschil.

**Melvin hoeven** · 19-06-2012, 10:30

U geeft geen width mee, voeg eens een width toe en kijk dan nog eens.

**Dennis Visschedijk** · 19-06-2012, 10:33

Origineel gepost door Melvin hoeven

U geeft geen width mee, voeg eens een width toe en kijk dan nog eens.

We komen in de buurt Melvin,

Dankzij de width is het witte vlak weg, nu de tekst nog aanpassen.

**Melvin hoeven** · 19-06-2012, 10:34

Verklein de padding-left en -right in #footer ul li

Oke dat is gedaan, nu de width weer groter maken.

**MelvinKooper** · 19-06-2012, 10:44

@dennis:

#footer{ margin: 50px auto 0; width: 1100px; }
En verwijder 'min-width:100%;'

#footer ul{width:1020px;}

zou moeten werken.

**RoyB** · 19-06-2012, 10:58

Ik heb mijn oplossing even geprobeerd, en hier blijkt deze te werken.
Ik kan nu helaas niet testen op een Ipad.

**Dennis Visschedijk** · 19-06-2012, 11:32

Oke even een update, de witruimte is nu weg, alle tekst staat naast elkaar. Alleen moet er nu van links naar rechts gescrollt worden in de pagina. Dit komt gok ik door de width 110%. Kan ik dit nog aanpassen?

**Melvin hoeven** · 19-06-2012, 11:36

Dat komt doordat de breedte van uw website zo is.

**BaukR** · 19-06-2012, 13:07

Die onderste <div id="spacer></div> weghalen;

Het volgende aanpassen:

#footer {
height: 150px;
background: black;
width: 100%;
clear: both;
position: absolute;
bottom: 0;
left: 0;
}

EDIT: Ik heb alleen geen iPad om te testen, maar als het goed is moet het zo goed zijn.

**RoyB** · 19-06-2012, 13:20

Origineel gepost door BaukR

Die onderste <div id="spacer></div> weghalen;

Het volgende aanpassen:

#footer {
height: 150px;
background: black;
width: 100%;
clear: both;
position: absolute;
bottom: 0;
left: 0;
}

EDIT: Ik heb alleen geen iPad om te testen, maar als het goed is moet het zo goed zijn.

Dat heb ik ook al geadviseerd en bij mij werkt het prima.

Website goed laten weergeven, €20 beloning