Hallo,
Ben momenteel met een website bezig waar diverse div's op 100% hoogte van het browser venster moeten zijn. Dat lukt prima in chrome, ie en safari maar Firefox pakt alleen de hoogte van de content.
De betreffende css code staat hier:
http://bit.ly/1njyuqS
Voorbeeld pagina staat hier (html validator geeft nog veel fouten aan, maar de fouten die getoond worden zijn niet gerelateerd aan dit css probleem).
Het heeft ook in het begin in FF gewerkt maar blijkbaar toch de code aangepast en krijg het maar niet goed.
De betreffende demo pagina vind je hier.
Het probleem zit denk ik in .navigation {}
Als ik daar height bijv. 1200px van maak schuift de div wel geheel naar beneden, maar dit is natuurlijk niet de bedoeling omdat je dan altijd een scrollbar hebt.
Ik hoop dat jullie me uit de brand kunnen helpen!
- 100% verticale div werkt niet in Firefox, wel in chrome, ie en safari
-
18-06-2014, 14:54 #1
- Berichten
- 431
- Lid sinds
- 15 Jaar
100% verticale div werkt niet in Firefox, wel in chrome, ie en safari
-
18-06-2014, 16:35 #2Webblish Content & Publishing
- Berichten
- 5.613
- Lid sinds
- 17 Jaar
Re: 100% verticale div werkt niet in Firefox, wel in chrome, ie en safari
Heb je al geGoogled??
https://www.google.nl/search?q=firef...ull+height+css
Maar mijn eerste indruk is dat de width/height van een DIV alleen goed werkt als je display:block gebruikt (een float erbij zetten helpt soms ook).
-
18-06-2014, 17:00 #3
- Berichten
- 431
- Lid sinds
- 15 Jaar
Re: 100% verticale div werkt niet in Firefox, wel in chrome, ie en safari
Hallo B. van der Weerd,
Bedankt voor je reactie.
Natuurlijk heb ik gezocht op Google, welgeteld 15 artikelen doorgenomen op stack overflow en andere grote forums maar geen 1 bied de oplossing.
Heb display:block, table, table-cell, inline-block enz. geprobeerd maar niets werkt terwijl het in 3 andere browsers prima werkt waaronder zelfs IE.
-
18-06-2014, 18:02 #4Webblish Content & Publishing
- Berichten
- 5.613
- Lid sinds
- 17 Jaar
Re: 100% verticale div werkt niet in Firefox, wel in chrome, ie en safari
Maak eens een testopstelling waar de afzonderlijke DIV's los in staan, en kijk wat er dan gebeurt.
-
18-06-2014, 18:06 #5
- Berichten
- 431
- Lid sinds
- 15 Jaar
Re: 100% verticale div werkt niet in Firefox, wel in chrome, ie en safari
Inmiddels is het probleem opgelost.
Bij #maincontainer had ik:
display:table;
min-height:100%;
werkende oplossing:
display:table;
height:100%;
min-height:100%;
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic