28173 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,
j'ai quasi fini mon site à 99.9 %, il marche sous I.E 7 à merveille, mais j'ai un problême de texte qui ne s'allligne pas sur deux colonnes lorsque je passe à Mozilla.

Exemple de la page en question :
http://www.viciousart.com/purchase.htm
(les colonnes de txt en anglais et français doivent être côte à côte).
Que faire pour que ça marche sous tous les naviagteurs ?
Merci de votre aide !



body {
font-family:Verdana;
font-size: 12px;
color: #b5b1a7;
text-align: justify;
background: black;
margin:0;
padding:0;
background-image: url(layout/grey-666.gif);
background-repeat: repeat-y;
background-position: top;
background-attachment: fixed;
}

a:link {color:#666666; ; background:white; text-decoration:none; font-weight:bold;}
a:visited {color:#666666; ; background:white; text-decoration:none; font-weight:bold;}
a:hover {color:#b5b1a7; ; background:black; text-decoration:none; font-weight:bold;}
a:active {text-decoration:none; font-weight:bold;}

div#global {
position: absolute;
width: 666px;
left: 50%;
margin-left:-333px;
margin-top: 0;
}

p#navig {
position: relative;
left: 50%;
margin-left: -311px;
width: 622px;
text-align: center;
}

p#en{
width: 293px;
float: left;
text-align: justify;
padding-left: 30px;
padding-right: 10px;
}

p#fr {
color: #81a5a5;
float: left;
text-align: justify;
padding-left: 10px;
padding-right: 30px;
}

img {
border-width: 1px;
border-style: solid;
border-color: #b5b1a7;
}
	
Hello dark man !

p#fr {

color: #81a5a5;

float: left;

text-align: justify;

padding-left: 10px;

padding-right: 30px;

}


essaye de modifier le float :


float: right;



certaines de tes photos sont sympas au passage Smiley smile
Modifié par boudouba (15 Oct 2007 - 17:30)
Ha ben j'ai trouvé,
il faut tout bêtement donner une largeur aux deux blocs, c'est tout Smiley smile
Sujet clos. merci Smiley smile