Bonjour les Ami(e)s,
je cherche a réaliser une ossature de page ainsi:

<!DOCTYPE html>
<html lang="fr">
<head></head><body>
<style>
/* extraits les plus importants */
body{background-color:#577bac;font-family:"Times New Roman", Times, serif;color:#feffff;font-size:22px;margin:0;padding:0;border:0;}
div.centre2blanc{height:auto;width:auto;max-width:900px;margin:auto;text-align:center;}

/* _________responsivitee_________ */
@media screen and (max-width:1024px){
div.centre2blanc{height:auto;width:auto;max-width:90%;margin:22px;text-align:center;}


@media (max-width:640px){body, element1, element2{width:auto;margin:0;padding:0;}
div.centre2blanc{height:auto;width:auto;max-width:90%;margin:10px;text-align:center;}
</style>
<div class="centre2blanc" >

<div id='MaQuestion1' class='MaQuestion1'></div><div id='MaQuestion2' class='MaQuestion2'></div>
<div id='MaQuestion1' class='MaQuestion1'></div><div id='MaQuestion2' class='MaQuestion2'></div>

</div>
</body></html>


Ma question est la suivante , quel CSS pour MaQuestion1 et 2
sachant que les Div ont tous la même taille soit 45% de centre2blanc
Qui contient TOUTE LA PAGE.
Mon souhait est le suivant dans la page lorsque nous la scrolleront
il y aura toujours deux DIV l'un a coté de l'autre en général texte / image.

Bien sur en smartphone et autres.. les DIV se mettent automatiquement l'un en dessous de l'autre. alors que mettre en CSS ?
merci d'avance
Mille mercis, entre temps j'étai passé en HTML5
Mais c'est super d'avoir ces variantes.
A bientôt
Modifié par Jean-Pierre-Bruneau (01 Aug 2019 - 20:04)