Beste lezers,
Al veel gezocht op Google, maar nog niet echt een simpele oplossing gevonden. Ik loop tegen het volgende probleem aan: Ik krijg een tekst met 2 regels <p> niet netjes verticaal in het midden uitgelijnd. WEL in alle normale browsers, maar de ipad zet de tekst niet netjes in het midden. Kortom, hoe krijg ik een tekst netjes verticaal in het midden uitgelijnd - ook op de ipad?
-
30-06-2014, 12:42 #1
Particulier
- Berichten
- 52
- Lid sinds
- 13 Jaar
Verticaal uitlijnen: verschil op ipad etc.
Laatst aangepast door Marcel de Br : 30-06-2014 om 13:02
-
In de schijnwerper
-
30-06-2014, 15:39 #2
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: Verticaal uitlijnen: verschil op ipad etc.
Dit is eenvoudig op te lossen middels jQuery:
Waarbij je natuurlijk "id van text" vervangt met "#id".jQuery(document).ready(function(){
jQuery("id van text").css("marginTop",(jQuery("id van text").parent().height()/2 - jQuery("id van text").height()/2) + "px");
});
-
30-06-2014, 16:08 #3
Particulier
- Berichten
- 1.410
- Lid sinds
- 16 Jaar
Re: Verticaal uitlijnen: verschil op ipad etc.
Javascript moet je in dit soort gevallen zoveel mogelijk vermijden. Pas als er echt geen CSS oplossing is kun je terugvallen op javascript en dan nog moet je het niet teveel doen.
Daarnaast is het een fixed oplossing. Als de height van de div wijzigt moet je opnieuw met javascript alles weer langslopen.
Maak een jsfiddle aan om je relevante html en css te delen zodat er gekeken kan worden naar een oplossing.
