28220 sujets

CSS et mise en forme, CSS3

Position changeante de flottante entre explorer et firefox

voila en fait quand j'afffiche ma page dans le navigateur firefox et safari, tout fonctionne impec, ils respectent la position que j'ai donné a mes flottantes. par contre avec explorer il me décale tout et je pige pas pourquoi.

voila le html :

<body>


<div>

  <p class="flottante">	
  	  <br>
	  <br>
      <a href="atouts.html">ATOUTS</a><br>
      <a href="competences.html">COMPETENCES</a><br>
      <a href="experiences.html">EXPERIENCES</a><br>
      <a href="etudes.html">ETUDES</a><br>
	  <br>
	  <a href="cv.pdf" target="_blank">Version PDF</a>
  </p>
  
  <p class="flottante2"><span class="style2">Atouts</span><br>
  <br>
  Cr&eacute;atif, perfectionniste, dynamique, ayant une compr&eacute;hension facile et une adaptation ais&eacute;e a diff&eacute;rents environnements de travail, motiv&eacute; et surtout passionn&eacute; par le graphisme et le milieu des arts. En recherche constante de renouveau, ce qui me donne une grande ouverture culturelle.<br>
  </p>
  <div class="spacer"><a href="competences.html">suivant >></a><br></div>
</div>


</body>


et la css :

/* ---------- attributs ---------- */

.style1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.style2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: none;
}


/* ---------- divs ---------- */


.flottante {
  background-color: #FFFFF;
  border: 0;
  margin: 0px;
  float: left;
  margin-left: 67px;
  width: 90px;
  text-align: left;
}

.flottante2 {
  background-color: #FFFFF;
  border: 0;
  margin: 0px;
  float: left;
  margin-left: 23px;
  width: 385px;
  text-align: left;
}
.conteneur {
  width: 100%;
}

.spacer {
  clear: both;
  margin-left: 182px;
  position: absolute;
  top: 200px;
}


ai je commis une erreur, ou devrais je plutot utiliser un conteneur plutot que des boites flottantes?
Sujet clos
Aller à