Float: Right; non funziona.

[marcello8080]

Salve a tutti, non ho tantissimi skill come front end e spero di spiegarmi il meglio che posso.

Sto lavorando su un template Wordpress. Ho due div, uno all'interno dell'altro, Il div interno visualizza un singolo articolo, quello esterno è un contenitore di più articoli.

All'interno del div interno c'è un div per un immagine e un div per la descrizione dell'articolo.
Il div per l'immagine è definito con "float:right" quello con la descrizione non ha nessun float. Nonostante questo, i due div non sono affiancati (intendo quello dell'immagine e quello della descrizione), ma sono uno sopra l'altro.

Se faccio "inspect element" sull'immagine (e il div che la contiene), vedo che la riga "float:right" è depennata, come se non fosse consentito.

Grazie in anticipo per il vostro aiuto.

Marcello

[WottaFacca]

Scrivici il codice che hai, così possiamo dirti dove potresti aver sbagliato

[Mich_]

Il float funziona solo con oggetti che ci stanno sulla riga.
Se il secondo oggetto e` piu` largo (o si espande in modo da essere piu` largo) dello spazio a disposizione, va a capo.

Dato che il secondo oggetto contiene del testo, e` facile che questo si espanda oltre lo spazio.

Comunque nella descrizione ci sono errori semantici.
Il testo va inserito in un tag <p>, non direttametne in un <div>
E a questo punto il div interno potrebbe contenere:

...
  <div class="articolo">
    <img id="..." alt="..." />
    <p> qui il testo relativo </p>
  </div>

con CSS del tipo:

.articolo {
  width: ...;
}
.articolo img {
  float: right;
  max-width: 200px;   /* valore da definire */
}
.articolo p {
  float: right;
  margin-right: 201px;   /* uguale o maggiore di quello sopra */
}

[marcello8080]

Di fatti il div relativo al testo non è un div ma un tag <p> come dovrebbe essere, non sono stato corretto con la spiegazione.

Ho comunque trovato il problema da solo, c'era un attributo " /* float: none !important; */" in un div annidato, questo mi bloccava tutta l'impostazione dei float, questo errore mi ha preso parecchio.

Spero che possa essere di aiuto ai posteri questo post.

Come faccio a mettere RISOLTO nel titolo ora?

grazie a tutti comunque