Hallo

Ik probeer een website te maken voor een vriend van mij (moet zo snel mogelijk af).
Wat er nu gebeurd is dat wanneer je de website bekijkt op een apple apparaat (laten testen op ipad en iphone) de twitter en facebook feed voor 4/5 van het scherm verdwijnen.

In de browser safari op de pc werkt de website wel gewoon naar behoren.

http://kidfried.nl/duik/

Heeft iemand enige idee?

EDIT:
Kom er net achter dat op de android ook de feed uit beeld valt.

Heeft dit te maken met de breedte van mijn website (1200px)?

Hi,

Probeer dit eens

#wrapper {
overflow: hidden;
position: relative;
width: 100%;
min-height:100%;
background: #F1F2E9;
}

te vervangen door:

#wrapper {
overflow: visible;
position: relative;
width: 100%;
min-height:100%;
background: #F1F2E9;
}

Groeten, Wim!

Origineel gepost door ilja m

Hallo

Ik probeer een website te maken voor een vriend van mij (moet zo snel mogelijk af).
Wat er nu gebeurd is dat wanneer je de website bekijkt op een apple apparaat (laten testen op ipad en iphone) de twitter en facebook feed voor 4/5 van het scherm verdwijnen.

In de browser safari op de pc werkt de website wel gewoon naar behoren.

http://kidfried.nl/duik/

Heeft iemand enige idee?

Niet alleen op Apple apparaten maar alle apparaten met breedte resolutie lager dan 1270px.
Als je overflow:hidden; uit je wrapper div haalt dan kan je in ieder geval de hele website zien op deze apparaten. Je moet hiervoor dan wel horizontaal scrollen, wil je een definitieve oplossing voor alle apparaten dan raad ik je aan je eens te verdiepen in css3 media queries (responsive design.)

Denk dat als je aan bepaalde elementen op 100% width zet ipv statisch gebruik te maken van PX dat je al een heel eind komt voor dit probleem. Hoef je niet verder per apparaat te definiëren welke schaal grote alles moet krijgen.

Origineel gepost door Rakesh Chinnoe

Niet alleen op Apple apparaten maar alle apparaten met breedte resolutie lager dan 1270px.
Als je overflow:hidden; uit je wrapper div haalt dan kan je in ieder geval de hele website zien op deze apparaten. Je moet hiervoor dan wel horizontaal scrollen, wil je een definitieve oplossing voor alle apparaten dan raad ik je aan je eens te verdiepen in css3 media queries (responsive design.)

De overflow op visible zetten deed het hem voor nu!
Bedankt voor jullie snelle antwoorden. Moet misschien in de toekomst wel wat aan de breedte doen.

Verdiep je op termijn maar eens in "responsive" en/of "html5" layouts. Dan gaat er een wereld voor je open. En daar zijn genoeg templates van in omloop die je makkelijk aan kunt passen.

Oh, en Zandvoort begint echt met een hoofdletter. Eigenlijk not done, een typo op zo'n belangrijke plek....

:) Sorry voor de typo maar dit is ook pas een voorbeeld website en de persoon waar ik de website voor maak gaat de titels, teksen en enz. verzinnen!