Masonry en Safari probleem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Geert van Soest

Geert van Soest

12/09/2013 14:34:50
Quote Anchor link
Beste allemaal,

Zoals ik in een ander topic al aangaf ben ik de laatste tijd bezig geweest met de ontwikkeling van een nieuw portfolio (www.geertvansoest.nl).

Om de verschillende projecten (homepage) en elementen (andere pagina's) naast en onder te plaatsen heb ik gebruik gemaakt van Masonry (zie: masonry.desandro.com).

In Safari (en alleen in Safari!) is de marge van de 'echte content' aan de bovenkant op de homepage (en alleen op de homepage!) echter groter dan bij de andere pagina's (zie de rode lijn op de afbeelding), terwijl hij onderaan kleiner is. Ik heb al van alles geprobeerd, maar heb de oorzaak niet kunnen vinden.

Iemand die me verder kan helpen?
Het lijkt wel of hij de padding van de '#portfolio .content' op de homepage daar twee keer toekent aan de bovenkant.

Afbeelding

Groetjes,
Geert
Gewijzigd op 12/09/2013 14:35:19 door Geert van Soest
 
PHP hulp

PHP hulp

26/11/2024 15:46:59
 
Geert van Soest

Geert van Soest

18/09/2013 12:41:51
Quote Anchor link
Het probleem is inmiddels opgelost.

De "container" had een procentuele padding. Alleen waar alle browsers bij alle percentages de breedte als basis nemen is Safari de enige die uitgaat van de hoogte (bij de top- en bottom-padding). En omdat de totale hoogte op de homepage veel hoger is dan bij de andere pagina's was daar de afstand aan de bovenkant groter dus ook groter. Ik het opgelost door de afstand via jQuery te berekenen.

Topic kan dus dicht.
Gewijzigd op 18/09/2013 12:42:07 door Geert van Soest
 
Eddy E

Eddy E

18/09/2013 13:19:36
Quote Anchor link
Is het niet beter/makkelijk om dan in em de hoogte op te geven? Of desnoods in pixels?

Nu ga je HTML downloaden, CSS toevoegen, Javascript uitrekenen, CSS aanpassen...
 
Geert van Soest

Geert van Soest

18/09/2013 13:40:54
Quote Anchor link
Eerst gebruikte ik 'gewoon' pixels aan de bovenkant. Maar wat ik wil is dat (vooral op de homepage) de tussenruimte tussen de 'blokken' overal net zo groot is (zoals nu dus het geval is), dus zowel in de breedte als de hoogte. Daarom heb ik het nu via jQuery gedaan. Die berekend de breedte van de container en geeft daar een percentage van mee aan zowel de verticale als horizontale margin danwel padding.
Gewijzigd op 18/09/2013 13:41:18 door Geert van Soest
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.