[Html/Css] Problème mise en page texte
Hello, Bon j'ai un peu avançé sur le site web mais je suis aussi et surtout dans les mailles de la mise en page texte et j'ai besoin de conseil à vous tous :
http://www.aet-technologies.fr/indexfr3.htm
par rapport à l'initial :
http://www.aet-technologies.fr/indexfr.htm
Vos point de vue sont les bien venus (proffessionnel?graphisme?erreur?)
J'ai du mal mais je sens que je suis pas le seul à réussir à faire un site qui soit le même sous IE et Firefox...
Merci d'avance Jim
ps : voici le code css au cas ou enfin en parti
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
| body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-align: center;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}
.conteneurprincipale{
height: 530px;
width: 750px;
margin-right: Auto;
margin-left: Auto;
}
.conteneurhaut{
height: 100px;
width: 765px;
}
.conteneurmilieu{
height: 400px;
width: 765px;
}
.conteneurbas{
height: 5px;
width: 765px;
font-size: 10px;
text-align: center;
}
.conteneurgauche {
height: 380px;
width: 170px;
float: left;
background-image: url(images/menu01.gif);
padding-top: 20px;
}
.conteneurcentre {
height: 430px;
width: 580px;
float: left;
background-image: url(images/bordereau.gif);
background-repeat: no-repeat;
text-align: justify;
margin-left: 10px;
}
.conteneurtexte {
height: 450px;
width: 560px;
float: left;
text-align: justify;
margin-left: 10px;
background-color: transparent;
margin-top: 6px;
}
#content p {
text-align:justify;
}
.boldhead {
font-weight:bold;
font-size: 12px;
}
.bold {font-weight:bold;}
.left {
float:right;
border:1px solid #000;
left: 197px;
top: 214px;
margin-right: 10px;
margin-left: 10px;
}
.right {
float:left;
border:1px solid #000;
margin-left: 10px;
margin-right: 10px;
}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}
* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;} |