Testo che scompare!

[Lollys]

Ho dei messaggi in visualizzazione all'interno di un div!

<div class="box"> messaggio </div>

.box{
padding: 4px;
padding-top: 25px;
background-color: #ffffff;
text-align: left;
font-family: arial;
font-size: 10pt;
}


e fin qui andava tutto bene!
poi ho messo un'immagine all'interno che resta sulla destra con un float quindi:
<div class="box"> messaggio <div class="immagine">immagine.jpg</div></div>

.immagine{
width: 100px;
height: 100px;
float: right;
}

L'immagine si vede e resta a destra affiancando il testo però i messaggi spariscono e non si leggono, solo se si fà uno scroll di pagina su e giù compaiono, mi sapete dire come mai ?

[pacovox]

Prova ad applicare la classe all'immagine:

<div class="box">[img]immaginie.jpg[/img] messaggio </div>

[Lollys]

Nisba non funziona !!

[pacovox]

Guarda bene perchè funziona!
http://www.pacovox.it/test/3.html

[Lollys]

Però io ho dei div annidati !

<div>
<div>
immagine
testo
</div>
</div>

Forse è per quello che non funziona ?
Il primo div crea un box quadrato, il secondo formatta il testo, non fanno altro !

[Lollys]

Senza aprire nuove discussioni scrivo qui il mio problema:

Ho un div con del testo, e vorrei metterci un'immagine che resti a destra ed il testo allineato a sinistra che si adatta all'immagine!

Il div non ha formattazioni particolari solo bordo e testo!

<div id="box">
[img]immagine.gif[/img]
TESTO TESTO TESTO!
</div>

Facendo cosi se cè molto testo ed il div supera l'immagine bene, altrimenti se stà in una riga l'immagine esce dal box!

Ho provato anche nel box display: block; niente da fare!

Altra soluzione che ho visto fare!
<div id="box">
<div style="width:80px;height:80px;float:right"><img etc..></div>
TESTO TESTO TESTO
</div>

Cosi effetivamente funziona e si adatta al box esterno senza uscire, ma solo son IE mentre con NE esce di nuovo!

Ci sono altre soluzioni ?
Con NE il float non funziona bene ?

[pacovox]

Cosa significa che esce? Vorresti dire che il testo va sopra l'immagine?

http://www.pacovox.it/test/3.html
Comunque ti ripeto guarda il codice della pagina che ti ho postato e vedrai anche con netscape/mozilla funziona.

[Lollys]

Allora dal tuo esempio, colora il box di grigio per far si che si veda e cancella tutto il testo lasciando solo una scritta messaggio, vedrai che il box grigio formato di una riga soltanto è + piccolo del box immagine che esce !

Ho già provato, fai una prova anche tu !

[pacovox]

Pronti
http://www.pacovox.it/test/3.html

Non avevi detto però che ti serviva il box alto minimo come l'immagine, se ho capito bene.
Ho aggiunto del codice al css, per una spiegazione più approfondita http://www.constile.org/tips/min-height/#CONTENUTI

[Lollys]

Grande! Proprio questo mi serviva!

Non avevo mai visto questi nuovi css! :tongue:

Faccio delle prove e poi ti faccio sapere se và tutto ok !!