28220 sujets

CSS et mise en forme, CSS3

Div flottant et superposition

Pages :
(reprise du message précédent)

a écrit :
Comme le dit Olivier, je souhaite que les boites rouges fassent 100% lorsqu'il n'y a plus la boite verte.
En plus, comme il s'agit d'une appli dynamique, je ne peux pas mettre en place ce genre de spécificité ohwell


je veux bien , mais bon les tableaux ne sont pas la solution, c'est tout.

CSS 3 ne change rien à ce genre de choses...
Piste à creuser :

.adresse {
margin-bottom: 10px;
display: table;
}
.adresse p {
display: table-cell;
background: #FF0000;
border: black 2px solid;
width: 100%;
}
div.pub {
float: right;
width: 250px;
height: 300px;
border: black 2px solid; 
background: green;
margin: 10px;
}


Le comportement attendu est obtenu dans IE, qui applique (abusivement) le width: 100% des pseudo-cellules.

Pour FF et Opera, la largeur des blocs rouges est fonction de leur contenu : ils ne remplissent donc pas tout l'espace en dessous du bloc vert si celui-ci est insuffisant.
Modifié par Laurent Denis (30 Jun 2005 - 10:39)
Merci Laurent Denis pour ta réponse.
Elle m'ouvre une piste intéressante.
Je n'ai pas eu encore l'occasion de tester ça sur IE mais sous Firefox, c'est quasi ce que je recherche.

Je vais plancher pour résoudre le petit soucis de DIV rouge qui ne fait pas 100% de la largeur dispo s'il n'y a pas de texte comme on peut le voir ici avec le 3ème DIV rouge : http://img291.imageshack.us/img291/9414/capture0pw.jpg

Peut-être en usant de javascript ?
Finallement le fait que les bloc rouges ne s'étendent pas correctement à 100% de l'espace libre me gêne Smiley ohwell
Car j'ai énormément de boites rouges dans mon appli qui sont relativement peu large, ce qui donnerai plus ce genre de résultat : http://spheerys.free.fr/alsa/encart-pub.html

Donc si jamais qqu'un a une idée pour résoudre ce pb, je suis tout ouïe Smiley smile
Modifié par EcliptuX (30 Jun 2005 - 13:03)
Pages :
Sujet clos
Aller à