Bonjour,
J'ai bien essayé de trouver un sujet ressemblant à mon problème vie la fonction recherche mais, je n'y suis pas parvenu donc, j'ouvre ce post.
Novice en xhtml et css, voici mon problème:
J'ai un décalage récursif qui se produit exclusivement sous IE lorsqu' j'enchaîne les balises <p> avec des float dans le css.
Voici le css:
et le xhtml:
Si vous pouviez m'expliquer l'origine du problème mauvais utilisation de balises, pb css, pb conception...) et la solution à adopter, ça m'enleverai une grosse épine du pied...
J'ai bien essayé de trouver un sujet ressemblant à mon problème vie la fonction recherche mais, je n'y suis pas parvenu donc, j'ouvre ce post.
Novice en xhtml et css, voici mon problème:
J'ai un décalage récursif qui se produit exclusivement sous IE lorsqu' j'enchaîne les balises <p> avec des float dans le css.
Voici le css:
.imageGauche
{
float: left ;
margin-bottom: 15px ;
}
.imageDroite
{
float: right ;
margin-bottom: 15px ;
}
.imageCentre
{
float: left ;
margin-bottom: 15px ;
margin-top: 10px ;
}
.texteGauche
{
clear: both ;
padding-right: 30px;
padding-left: 0px;
}
.texteGauche span
{
position: relative;
left:90px;
top: 40px;
}
.texteDroite
{
clear: both ;
padding-right: 30px;
padding-left: 30px;
}
.texteDroite span
{
position: relative;
left:100px;
top: 40px;
}
.texteCentre
{
clear: both ;
padding-right: 30px;
padding-left: 30px;
}
.texteCentre span
{
position: relative;
left:60px;
}
.dessous
{
clear:both;
text-align: justify ;
text-indent: 2em ;
line-height: 1.7em ;
font-family: arial,georgia,serif;
}
et le xhtml:
<h2>Installations</h2>
<p>Nicolas Del Blanco vous accueille dans ce cadre calme et familial muni de toutes les installations dont vous aurez besoin pour faire progresser votre équidé.</p>
<p class="texteDroite"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageGauche" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- Carrière en sable de 50m*25m</span></p>
<p class="texteGauche"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageDroite" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- Manège couvert en sable de 20m*20m</span></p>
<p class="texteDroite"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageGauche" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- Parcours de cross sur gazon</span></p>
<p class="texteGauche"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageDroite" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- 12 paddocks de détente</span></p>
<p class="texteDroite"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageGauche" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- 18 boxes</span></p>
<p class="texteGauche"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageDroite" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- Très beaux extérieurs pour trotting et randonnées</span></p>
<p class="texteDroite"><a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageGauche" src="Nico concours/miniNico01.jpg"
width="149" height="100" title="" alt="" /></a><span>- 1 Van 2 places ET 1 poids lourds 4 places</span></p>
<p class="texteCentre">
<span>- Panorama:</span><br/>
<a href="Nico concours/moyNico01.jpg" rel="lightbox[roadtrip]"><img class="imageCentre" src="Nico concours/miniNico01.jpg"
width="580" height="100" title="" alt="" /></a>
</p>
<h2 class="dessous">Prestations</h2>
<p>Nicolas met à votre disposition son expérience et sa passion pour satisfaire toutes vos attentes autours de diverses activités.</p>
Si vous pouviez m'expliquer l'origine du problème mauvais utilisation de balises, pb css, pb conception...) et la solution à adopter, ça m'enleverai une grosse épine du pied...