Probleme bloc flottant dans bloc central flottant

Bonjours,

Voilà je vais me présenter un petit peu !!!

J'ai commencer à crée des mises en forme (x)html/css (donc je suis débutant) . Voici 2 site fait par moi même qui ne demande pas trop de connaissance .

http://web-travail.com
http://www.ordi-passion.com/abla

Maintenant je voudrais crée un site pour moi même ( excuser moi si je n'emploie pas les bons ternes)

Alors voilà mon probléme !!!

j'ai ma page avec un header et 3 colonne en flottant ( gauche float= left, droite float= right et centre float=left ) je donne l'autre sur ma page (index.php)

je voudrais ajouter un petit contenue dans un bloc sur mon bloc centre. ( voilà aprés cette expliquation le resultat que j'obtiens )

Voici le lien de ma page http://www.ordi-passion.com

1erement mes ecritures (mon contenue du bloc central sort du bloc ).
ainsi que le contenue de mon bloc flottant= right qui est dans mon bloc centrale.

Je voudrais savoir si il est possible et savoir comment faire pour que le contenue des bloc ne sorte pas du bloc ?????

et je voudrais savoir comment faire pour que l'ecriture de mon bloc centre ( contourne le bloc flottant = right ajouter dans le bloc central).

Voici le code css

#gauche
{
float:left;
width:120px;
height:400px;
border: 3px solid #FFFFFF ;
background-image:url("img/fond.jpg");
}


#droite
{
float:right;
width:120px;
height:600px;
margin-bottom:12px;
border: 3px solid #FFFFFF ;
background-image:url("img/fond.jpg");
}

#centre
{
float:left;
margin-left:200px;
padding:10px;
width:600px;
height:400px;
border:10px outset ;
border-left-color:#FFFFFF;
background-image:url("img/fond.jpg");
}
.bloc1
{
position:relative;
margin:10px;
float:right;
width:150px;
height:80px;
border:3px solid #000099 ;
text-align: center;
}

#footer
{
height:30px;
margin-bottom:25px;
}

[#]et voici le code de ma page

<div id="header">
			<div class="logo">
			</div>
</div>
      
<div id="gauche">	  
</div>

<div id="droite">	  
</div>


<div id="centre">	
<p >ooooooooooooooooooooooooooooooooooooooooooooooooooooo</p>
<p>ooooooooooooooooooooooooooooooooooooooooooooood</p>
<p>fgdfdrgdrgerrrrrrrrrrrrr</p>

<div class="bloc1">
<p>uyuyuyuyjyuytyutyutytuytututututu
tutt
utuu</p>
</div>

<p>rrrrrrrrrrrrrrrrrrrrr<p>
<p>rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrroooooogegggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggo</p>
<p>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
mmmmmmmmmmm</p>

</div>

</body>
</html>

J'espere avoir étais assez précis sur mon probleme

Et je voulais remercier le site alsacréation pour leurs site qui est trés connu pour leurs devouement dans ce domaine.

Merci de votre aide
Modifié par ordi-passion (22 Apr 2008 - 18:58)

Oups je viens de voir que les lien ne c'était pas afficher , j'espere avoir plus de reponse avec !

J'essai en même temps de faire quelques modifs donc si quelqu'un a des reponses je prendrais comme même pour faire des essai

Merci encore
Modifié par ordi-passion (22 Apr 2008 - 19:00)

Salut,

ordi-passion a écrit :
Oups je viens de voir que les lien ne c'était pas afficher , j'espere avoir plus de reponse avec !

Tes liens ne fonctionnent toujours pas : le plus simple quand les url sont courtes c'est de ne pas mettre du tout de balises [ url] .

Et concernant ta question il existe un tuto très complet !

A+