Bonjour,
voici mon problème sur Mozilla Firefox !
URL : http://www.co2d.com/temp/test.html
J'ai un contenu texte avec des image en float. Je dois insérer 2 blocs (l'un au-dessus de l'autre) dans le contenu qui doivent se positionner au sein du texte mais sur la droite de façon à donner un effet de colonne mais avec un habillage du texte.
ça marche sous IE mais le problème sour Firefox 2.0 est que les visuels sont poussés hors du flux du document à cause des attributs CSS des 2 blocs à savoir "clear:right;" qui permet de postionner les 2 blocs l'un au-dessus de l'autre.
Bleu et vert = blocs à droite
Merci d'avance à tout le monde !
Modifié par lotus (04 Feb 2007 - 17:25)
voici mon problème sur Mozilla Firefox !
URL : http://www.co2d.com/temp/test.html
J'ai un contenu texte avec des image en float. Je dois insérer 2 blocs (l'un au-dessus de l'autre) dans le contenu qui doivent se positionner au sein du texte mais sur la droite de façon à donner un effet de colonne mais avec un habillage du texte.
ça marche sous IE mais le problème sour Firefox 2.0 est que les visuels sont poussés hors du flux du document à cause des attributs CSS des 2 blocs à savoir "clear:right;" qui permet de postionner les 2 blocs l'un au-dessus de l'autre.
Bleu et vert = blocs à droite
#vert{
float: right;
width: 200px;
height: 200px;
background-color:#009999;
overflow:hidden;
clear:right;
padding: 5px;
}
#bleu {
float: right;
width: 200px;
height: 200px;
padding: 5px;
background-color:#3399FF;
overflow:hidden;
clear:right;
}
Merci d'avance à tout le monde !
Modifié par lotus (04 Feb 2007 - 17:25)
