28172 sujets

CSS et mise en forme, CSS3

[résolu] Positionnement des boites avec la propriété float

Bonjour, J'ai un petit souci que je n'arrive pas a comprendre et qui pourtant doit être hyper simple.
J'ai deux boite, une dans le flot et une flottante
Voici ce que j'obtiens . Hors je n'ai ni padding, ni margin. Pourquoi le texte de la boite rose n'est pas collé en haut.
Merci d'avance
François upload/30826-boitecss.jpg
Modifié par gepgep (10 Jul 2010 - 18:08)
Bonjour , D'accord voilà le code

HTML :



<body>
<div  id="bte2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare   magna et lacus congue quis tempor leo laoreet. Praesent </div>
<div id="bte1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare   magna et lacus congue quis tempor leo laoreet. Praesent </div>

</body>

Et pour le CSS


<style type="text/css">
#bte1 {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#bte2 {
	width: 300px;
	float: left;
	margin-left: 300px;
}
</style>



Merci
Modifié par gepgep (10 Jul 2010 - 12:08)
Bonjour,

j'ai essayé ce code et ça semble fonctionner sans probleme.
 
<style type="text/css"> 
#bte1 { 
    width: 200px; 
    margin: 0px; 
    padding: 0px;float: left; 
} 


#bte2 { 
    width: 300px; 
    margin-left: 300px; 
} 
</style> 

<div id="bte1">Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Sed ornare   magna et lacus congue 
quis tempor leo laoreet. Praesent </div> 

<div id="bte2">Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Sed ornare   magna et lacus congue 
quis tempor leo laoreet. Praesent </div>


C'est fait à la vite fait, si ça vas toujours pas chez toi on verras ça plus tard.

Attention:
Ton bloc 2 est 1er dans le flux; il flotte à gauche et à une marge (encore) à gauche de 300px. Pas normal.
Modifié par Torifan (10 Jul 2010 - 12:16)
Bonjour et merci pour cette réponse rapide.
En effet je me suis trompé dans le flux et dans le margin en fait sur la mauvaise boite

Meric François
Sujet clos
Aller à