Alignement de blocs en CSS
Julien
-
jctiteuf66 Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
jctiteuf66 Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un petit souscis avec les blocs en CSS.
J'ai deux blocs placés l'un au dessus de l'autre. Le premier bloc à une hauteur variable et bien entendu, il empiète sur le bloc du dessous lorsqu'il y a trop de contenu. Y a t'il une solution qui permettrait au bloc du dessous de descendre automatiquement des que le bloc du dessus change de hauteur ? j'ai essayé plein de soluces, mais rien ne semble fonctionner...
Merci
Julien
J'ai un petit souscis avec les blocs en CSS.
J'ai deux blocs placés l'un au dessus de l'autre. Le premier bloc à une hauteur variable et bien entendu, il empiète sur le bloc du dessous lorsqu'il y a trop de contenu. Y a t'il une solution qui permettrait au bloc du dessous de descendre automatiquement des que le bloc du dessus change de hauteur ? j'ai essayé plein de soluces, mais rien ne semble fonctionner...
Merci
Julien
A voir également:
- Alignement de blocs en CSS
- Code blocs - Télécharger - Langages
- Epreuves de blocs v10 - Guide
- Supprimer alignement cartouche hp - Forum Imprimante
- Css exposant ✓ - Forum CSS
- Alignement grid - Forum Windows 10
7 réponses
Salut,
Pour moi je ne les mettrais pas en position absolute (je suppose que c'et comme ça ?), et j'utiliserai un margin pour les aligner ou je veux.
Mais je peux supposer beaucoup je chose sans lien ni code !
Pour moi je ne les mettrais pas en position absolute (je suppose que c'et comme ça ?), et j'utiliserai un margin pour les aligner ou je veux.
Mais je peux supposer beaucoup je chose sans lien ni code !
Salut,
Merci pour ton aide.
J'ai déjà essayé cette solution, mais ca n'a pas fonctionné. Je vais mettre le lien en ligne. Voici le code CSS du bloc du bas
link : http://www.mtma-web.com/site/cardatabase-d.html
code CSS du bloc du bas
.barre-bottom2
{
top: 650px;
left: 92px;
display: block;
position:absolute;
height: 50px;
width: 814px;
background-color: #FFFFFF;
z-index: 29;
}
J'ai en fait deux blocs rectangulaires alignés l'un au dessus de l'autre. La page risque d'être mise à jour régulièrement et le bloc du dessus avec le contenu (marque de voitures et modèles) va évidement changer de taille (en hauteur). Pour celà, j'ai mis un
" height:auto;" dans ce bloc pour que le texte ne dépasse jamais du bloc. Sur la page, tu pourras facilement voir le problème. On voit les blocs se chevaucher.
Merci
Julien
Merci pour ton aide.
J'ai déjà essayé cette solution, mais ca n'a pas fonctionné. Je vais mettre le lien en ligne. Voici le code CSS du bloc du bas
link : http://www.mtma-web.com/site/cardatabase-d.html
code CSS du bloc du bas
.barre-bottom2
{
top: 650px;
left: 92px;
display: block;
position:absolute;
height: 50px;
width: 814px;
background-color: #FFFFFF;
z-index: 29;
}
J'ai en fait deux blocs rectangulaires alignés l'un au dessus de l'autre. La page risque d'être mise à jour régulièrement et le bloc du dessus avec le contenu (marque de voitures et modèles) va évidement changer de taille (en hauteur). Pour celà, j'ai mis un
" height:auto;" dans ce bloc pour que le texte ne dépasse jamais du bloc. Sur la page, tu pourras facilement voir le problème. On voit les blocs se chevaucher.
Merci
Julien
Bonjour je te recommande ce site sur quelques bases sur la hiérarchisation d'une page web https://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/#LI
Amicalement. jctiteuf66
Amicalement. jctiteuf66
Je suis sur que tu trouveras ton bonheur la dedant :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
si tu n'as pas encore réglé le pb essaye ceci:
si tu as mis des flottant dans le bloc haut, il est normal que tu es ce probleme puisque le bloc du dessus ne pousse pas verticalement.
je suppose que ton height est auto et je te propose d'essayer le min-height pour ie7 et/ou :
[.class ou #id]:after{
content: "";
display: block;
clear: both;
}
pour FF.
parfois rien que le min-height marche.
si tu as mis des flottant dans le bloc haut, il est normal que tu es ce probleme puisque le bloc du dessus ne pousse pas verticalement.
je suppose que ton height est auto et je te propose d'essayer le min-height pour ie7 et/ou :
[.class ou #id]:after{
content: "";
display: block;
clear: both;
}
pour FF.
parfois rien que le min-height marche.
Amicalement