Zelalsan a écrit :
le texte vient après la vidéo...
<div id="col_right">
<div id="video">
</div>
<p> TUTO<br>
</p>
</div>
je réexplique: en dessous de tuto il y'a du texte que j'ai supprimé vu qu'il va encombrer le forum pour rien mais si tu insiste je vais donc tout poster comme c'était fait au début avec TON FLOAT:LEFT;
<body>
<div id="banniere">
</div>
<div id="page_content">
<div id="col_left">
<p> TREE<br><br><br>
<br><br><br><br><br><br></p>
</div>
<div id="col_right">
<p> TUTO<br>
Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipitem Aginatium inpulit iam inde a priscis maioribus nobilem, ut locuta est pertinacior fama. nec enim super hoc ulla documentorum rata est fides.
Apud has gentes, quarum exordiens initium ab Assyriis ad Nili cataractas porrigitur et confinia Blemmyarum, omnes pari sorte sunt bellatores seminudi coloratis sagulis pube tenus amicti, equorum adiumento pernicium graciliumque camelorum per diversa se raptantes, in tranquillis vel turbidis rebus: nec eorum quisquam aliquando stivam adprehendit vel arborem colit aut arva subigendo quaeritat victum, sed errant semper per spatia longe lateque distenta sine lare sine sedibus fixis aut legibus: nec idem perferunt diutius caelum aut tractus unius soli illis umquam placet.
Utque aegrum corpus quassari etiam levibus solet offensis, ita animus eius angustus et tener, quicquid increpuisset, ad salutis suae dispendium existimans factum aut cogitatum, insontium caedibus fecit victoriam luctuosam.
Apud has gentes, quarum exordiens initium ab Assyriis ad Nili cataractas porrigitur et confinia Blemmyarum, omnes pari sorte sunt bellatores seminudi coloratis sagulis pube tenus amicti, equorum adiumento pernicium graciliumque camelorum per diversa se raptantes, in tranquillis vel turbidis rebus: nec eorum quisquam aliquando stivam adprehendit vel arborem colit aut arva subigendo quaeritat victum, sed errant semper per spatia longe lateque distenta sine lare sine sedibus fixis aut legibus: nec idem perferunt diutius caelum aut tractus unius soli illis umquam placet.
Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.
Quod opera consulta cogitabatur astute, ut hoc insidiarum genere Galli periret avunculus, ne eum ut praepotens acueret in fiduciam exitiosa coeptantem. verum navata est opera diligens hocque dilato Eusebius praepositus cubiculi missus est Cabillona aurum secum perferens, quo per turbulentos seditionum concitores occultius distributo et tumor consenuit militum et salus est in tuto locata praefecti. deinde cibo abunde perlato castra die praedicto sunt mota.
Latius iam disseminata licentia onerosus bonis omnibus Caesar nullum post haec adhibens modum orientis latera cuncta vexabat nec honoratis parcens nec urbium primatibus nec plebeiis.
</p>
<div id="video">
</div>
</div>
</div>
</body>
</html>
</body>
#banniere {border: 3px solid blue;
width: 100%;
height: 80px;}
#col_left{border: 3px solid green;
margin-left: 0px;
height: auto;
width: 17%;}
#col_right {border: 3px solid grey;
margin-left: 20%;
position: absolute;
top: 90px;
height: auto;
width: 85%;
}
#col_center{
border: 3px solid grey;
margin-left: 20%;
position: absolute;
top: 90px;
height: auto;
width: 62%;
overflow:hidden;}
#zone_right {
border: 3px solid grey;
margin-left: 0px;
position: absolute;
top: 90px;
height: auto;
width: 17%;
overflow:hidden;}
#video {border: 3px solid black;
float:left;
height: 80px;
width: 80px;
}
et voilà le résultat
