Bonjour
Impression différentes sur ces 2 navigateurs ..!
Firefox : Pas de problème
Explorer 7 : Le second paragraphe ( avec l'image "makhila") est coupée après le 2 ieme ligne et descend sous la photo, les 2 paragraphes sont conçus de la même maniere.
http://www.larressore.net/
Code "print" css :
code css images gauche et droite ( le probléme vient il de la ?)
Merci de vos conseils
Bonne journée
Modifié par africa (14 Jun 2007 - 13:40)
Impression différentes sur ces 2 navigateurs ..!
Firefox : Pas de problème
Explorer 7 : Le second paragraphe ( avec l'image "makhila") est coupée après le 2 ieme ligne et descend sous la photo, les 2 paragraphes sont conçus de la même maniere.
http://www.larressore.net/
Code "print" css :
* CSS imprime */
/* mise en page globale */
body {
margin: 0px;
padding: 0px;
background: #ffffff;
font-size: 12px;
color: black;
font-family:Verdana, Arial, Helvetica, serif;
}
/* centrer */
#centrer {
margin: auto;
background: white;
border-right: solid 0px #000000;
border-left: solid 0px #000000;
width: 100%;
height: 100%;
}
/* en-tête */
#header {
display: none;
}
/* menu horizontal */
#menuhaut {
display: none;
}
/* menu vertical */
#menu {
display: none;
}
/* principal */
#global {
width: 100%;
margin: auto;
border-left: 0px solid #76a9dd;
text-align: justify;
}
.img_gauche{
float: left;
margin: 0px 10px 0px 0px;
border: 0px solid #76a9dd;
}
.img_droite{
float: right;
margin: 0px 0px 0px 15px;
border: 0px solid #76a9dd;
}
#global h1 {
width: 50%;
font-weight: bold;
font-size: 120%;
padding-bottom: 0.2em;
border-bottom: #76a9dd 2px solid;
font-variant: small-caps;
color: #225500;
text-indent: 5px;
}
#global h2 {
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
font-size: 100%;
color: #228822;
}
#global a {
color: #225500;
}
#global a:visited {
border-bottom: #225500 1px dotted; text-decoration: none;
}
#global a:hover {
text-decoration: none;
}
#encart {
display: none;
}
#bloccadre {
display: none;
}
#pied {
display: none;
}
#piedliens {
display: none;
}
#xiti-logo {
display: none;
}
.code css images gauche et droite ( le probléme vient il de la ?)
img_gauche{
float: left;
margin: 0px 10px 0px 0px;
border: 0px solid #76a9dd;
}
.img_droite{
float: right;
margin: 0px 0px 0px 15px;
border: 0px solid #76a9dd;
}
Merci de vos conseils
Bonne journée
Modifié par africa (14 Jun 2007 - 13:40)