je voudrais créer une page de site avec un corps de 1000px.
A l'intérieur, je voudrais 2 blocs que je remplirai par la suite avec texte et image. Je les veux côte à côte, sur un grand écran. Il y a le marron qui doit rester à gauche, et le vert qui contient lui-même 2 bleus, qui doit être à droite.
Si l'écran est rétréci (entre 800 px et 1000), je veux que ces 3 blocs, qui occupent 80% de l'écran, soient centrés sur l'écran, le marron étant au-dessus.
Je rencontre plusieurs problèmes.
1) je suis obligée de mettre mes blocs marron et vert en float : left pour les avoir côte à côte, il me semble que display inline-block est meilleur mais ça ne marche pas. mais le souci principal n'est pas là.
2) je ne peux pas obtenir le centrage sans la commande position: fixed. Et cette commande m'entraîne une mauvaise superposition de mes blocs, le marron étant en-dessous. Si je supprime ce fixed, mes blocs sont dans le bon ordre, mais collés à gauche. J'ai essayé d'utiliser z-index, mais rien ne marche.
J'en appelle à votre aide !
Merci d'avance (désolé, je n'arrive pas à envoyer le code en couleur
#conteneur-bandeau { position: absolute; margin: auto;/*bandeau sera centré en largeur sur la totalité de l'écran*/ top: 0px; background-color: yellow; width: 100%; height: 100px;
.conteneur-image { float: left; /*permet que les 2 conteneurs soient côte à côte*/ background-color: burlywood; width: 60%;/* largeur 60% du conteneur parent*/ height: 500px; box-sizing: border-box; /* les bordures éventuelles seront inclues dans le conteneur*/
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.