Come posizionare i video di YouTube

[pr0v4]

Salve ragazzi, avrei bisogno di un consiglio. Oggi mi e' venuta voglia di inserire un video preso da YouTube nel mio WordPress. Ho provato diverse regole CSS per posizionarlo sulla sinistra, ma mi si posiziona sulla destra della pagina facendomi sballare la colonna di sinistra al di sotto del div contenente l'articolo.
Parlando di codice, questo e' il mio codice HTML:

<div id="video">
<div width="425" height="355">
<div name="movie" value="http://www.youtube.com/v/qYIdbBiuhXI&amp;rel=1&amp;color1=0x3a3a3a&amp;color2=0x999999&amp;border=0"></div>
<div name="wmode" value="transparent"></div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="425" height="355">
<param name="width" value="425" />
<param name="height" value="355" />
<param name="wmode" value="transparent" />
<param name="src" value="http://www.youtube.com/v/qYIdbBiuhXI&amp;rel=1&amp;color1=0x3a3a3a&amp;color2=0x999999&amp;border=0" /><embed type="application/x-shockwave-flash" width="425" height="355" wmode="transparent" src="http://www.youtube.com/v/qYIdbBiuhXI&amp;rel=1&amp;color1=0x3a3a3a&amp;color2=0x999999&amp;border=0"></embed></object></div>
<div width="425" height="355"></div>
</div>

E questo invece il mio tentativo di codice CSS per posizionarlo sulla sinistra, seguendo il corso della pagina.

div#video{
        display: block;
        float: left;
        margin-top: 10px;
}

div#video object {
        display: block;
        float: left;
}

Non riesco a capire da dove nascano questi problemi, voi ne avete mica idea???

[Mich_]

Se usi formattazione HTML, il browser puo` ignorare i CSS ... o fare come gli pare.

E comunque l'oggetto <object> deve stare dentro un blocco (ad esempio un <div>), e non fuori da esso. E i blocchi vuoti possono venir ignorati dal browser.

[pr0v4]

Scusa ma a parte la dichiarazione di larghezza ed altezza, nn trovo altri codici html che indicano il posizionamento dell'elemento.

Cmq per chiarezza il tag object e' all'interno di un div... Il <div id="video"> e' il suo contenitore, per il quale ho provato a specificarne il posizionamento.

[Mich_]

In effetti riguardando bene e` come dici.

Ma allora ci sono troppi elementi in quel pezzo di codice.
Quindi togli tutto cio` che non c'entra (ad esempio tutti i blocchi vuoti).

E da' una dimensione al blocco che vuoi flottare. Ma non specificarla con attributi HTML: usa gli attributi CSS.
Se poi in quella pagina c'e` dell'altro, dovrai inserire anche un clear.

E controlla che non ci siano errori di sintassi e/o di innestamento: a tale proposito usare le indentazioni in modo corretto aiuta molto.

[pr0v4]

Sono cascato in un errore da novellino!!!
Nella furia non ho impostato la larghezza per il div, e non si puo' rendere un div flottante senza una dichiarazione della sua larghezza.

Che vi devo dire, certi errori capitano

[thomas_anderson]

no. un elemento può essere flottante anche senza avere una larghezza. in questo caso si applica l'algoritmo "shrink-to-fit" ossia la larghezza dell'elemento è determinata dal suo contenuto:


http://www.css-zibaldone.com/test/cs...s/shrink-auto/

@Mich_

flottandolo un object passa da inline-block a block:

http://www.css-zibaldone.com/test/cs.../object11.html