responsive 2 koloms indeling categoryblog

Hoi,

Het lukt met maar niet om de 2-koloms indeling van deze blogpagina goed te krijgen.

Als ik het scherm in elkaar druk gaan de afbeeldingen over elkaar heen staan en dat is natuurlijk niet de bedoeling. Graag wil ik dat ze elk ongeveer 50% innemen en dus dat het artikel met de afbeelding automatisch schaalt. De afbeelding blijft nu op een vaste breedte staan.

Bij voorbaat dank voor het meekijken.

Groet, Liesbeth.

Je afbeeldingen worden nu al geknepen in de browser.
Zorg ervoor dat de afbeelding op de juiste resolutie is geupload en op de pagina geplaatst.
Als je dat hebt gedaan is de kans veel groter dat de afbeelding zich netjes gaat aanpassen aan de kleinere browser.

Dat klopt, maar ik wil ook dat het automatisch goed komt te staan als degene die er straks afbeelingen op gaat zetten, per ongeluk veel te grote afbeelingen op plaatst.
M.a.w. ik wil graag dat de afbeedeldingen zich responsive gedragen. Dus tot een een beeldbreedte van pakweg 750 dat de kolommen elk de helft innemen en de afbeelingen zich aanpassen en niet over elkaar heen schuiven, wat nu het geval is.

Het wordt in ieder geval deels veroorzaakt door je template. Als je de pagina bekijkt met Protostar dan ziet het er al veel beter uit. Jouw template is ook op mobiel niet goed namelijk.
En bij beide templates zie je dat afbeeldingen over elkaar heen schuiven, maar dat is bij niet-bestaande of bijna niet gebruikte schermresoluties.

Je template werkt samen met de Bootstrap 2 die in Joomla verwerkt zit maar ik mis wel de css code voor het meeschalen van de afbeelding. Nu zag ik ook dat je in het css span 6 img met de declaratie voor het mee schalen van de afbeelding hebt neer gezet . Maar die heb je niet voor alle resoluties neer gezet maar alleen maar voor de resolutie's die minimaal 794 pixels breed zijn. Zet het eens niet in een media query.

En als tweede is het wel nodig dat je de afbeelding maten mee geeft. Word je pagina trouwens ook sneller van