Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost 2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

15 sep 2016 12:23
#1
Hoi,

Op deze site heb ik een categorieblog geplaatst met wat artikelen in een 2-kolomsindeling. Op de mobiele versie gaan de artikelen mooi onder elkaar staan, echter zie ik dat er bij sommige artikelen dan een hiaat (witruimte) tussen zit.
In firebug zie ik dat er inline een min-height style aan gekoppeld is en deze hoogte komt overeen met het artikel dat er boven staat. Ik wil natuurlijk geen enorme witruimtes er tussen als het artikel erboven toevallig wat meer inhoud bevat. Hoe kan ik dit oplossen?

Bij voorbaat dank.

Groet, Liesbeth
  • skelp
  • skelp's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 175

2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

15 sep 2016 13:28
#2
Voor mobiel zul je dan media-queries moeten maken zodat bij mobiele weergave de hoogte kleiner is.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3647

2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

15 sep 2016 13:47
#3
Hoe bedoel je dat?
De reden dat sommige artikelen een witruimte er onder hebben op mobiel is dat deze artikelen de hoogte over nemen van het artikel erboven.
Dat kun je toch niet met media queries oplossen?
  • skelp
  • skelp's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 175

2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

15 sep 2016 13:53
#4
Volgens mij wel. Je kunt de min-height die meegegeven wordt overrulen met bijvoorbeeld:
Code:
min-height: auto!important;
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37559

2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

15 sep 2016 13:54
#5
Je zult eerst eens moeten kjiken hoe en waarvandaan die inline-style wegkomt. het is niet verstandig dit in je artikel(en) op te nemen.
kan mogelijk ook aan je template liggen.
Beter is om dit te stylen in je (custom) template.css bestanden.
Google maar eens op media queries meer vind je overigens ook op w3schools.com.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3647

2 kolomsindeling artikelen geeft hiaat ertussen op mobiel

15 sep 2016 14:51
#6
min-height: auto!important;

Was de oplossing, dankjewel!
  • skelp
  • skelp's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 175
Moderators: JelleRomke
Tijd voor maken pagina: 0.688 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie