rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Alignement de blocs en CSS

Posté par Julien, le samedi 8 septembre 2007 à 21:53:12
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
Configuration: Windows XP
Internet Explorer 7.0
Répondre à Julien  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
s.spark, le samedi 8 septembre 2007 à 22:43:51
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 !
Répondre à s.spark

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Julien, le samedi 8 septembre 2007 à 23:08:40
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
Répondre à Julien

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
s.spark, le samedi 8 septembre 2007 à 23:15:17
Je suis sur que tu trouveras ton bonheur la dedant :

http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Répondre à s.spark

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Julien, le samedi 8 septembre 2007 à 23:33:21
merci pour l'info. Je vais aller jetter un coup d'oeil.

Julien
Répondre à Julien

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 mimi, le jeudi 20 septembre 2007 à 14:43:08
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.
Répondre à mimi
Logiciels pertinents trouvés dans les téléchargements
Télécharger Mega Bloc Notes 5.3Mega Bloc Notes - Mega Bloc Notes est un éditeur de texte (TXT/RTF/XLS/DOC/MCW/HTM...) possédant une multitudes de fonctions originales telles...Catégorie: Traitement de texte
Licence: Freeware/gratuit
Télécharger Satellite Antenna Alignment   2.50.0Satellite Antenna Alignment - Satellite Antenna Alignment est un programme utilisé pour calculer l'angle nécessaire pour l'installation d'un récepteur...Catégorie: Environnement de travail
Licence: Freeware/gratuit
Télécharger Blowfish Advanced CS    2.57Blowfish Advanced CS - Blowfish Advanced CS est un puissant outil de sécurité et de cryptage pour Windows. En tant que successeur de BFA97,...Catégorie: Sécurité
Licence: Open Source
Télécharger Firefox 3.0.1Firefox - Mozilla Firefox 3 est un excellent navigateur qui peut fonctionner à côté d' Internet Explorer ou le remplacer. Il...Catégorie: Navigateurs
Licence: Open Source
Plus de logiciels gratuits sur « alignement de blocs en CSS »