- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema con div e risoluzione 1280x960
-
Problema con div e risoluzione 1280x960
Ciao a tutti
il problema che ho è che con una risoluzione di 1280x960 nella mia Home e non solo in quella la maggior parte dei box che ho realizzato con i css hanno le immagini che escono dal bordo creando un bruttissimo effetto 
Con le risoluzioni inferiori il problema non esiste.
Mi potete aiutare a capire l'errore?La home è www.happycinema.it
Grazie ancora
-
Non è un errore: e ciò che gli hai detto di fare.
Le immagini son messe con float:left, quindi si spostano a destra indipendentemente dal resto del contenuto.
Se vuoi "bloccare" il flusso, devi dichiarare un blocco con "clear:left", alla fine di ogni blocco contenitore.
Soluzione bruta: metti sotto il testo di ogni box un <hr style:"visibility:hidden; clear:left" />
-
@massy said:
Non è un errore: e ciò che gli hai detto di fare.
Le immagini son messe con float:left, quindi si spostano a destra indipendentemente dal resto del contenuto.
Se vuoi "bloccare" il flusso, devi dichiarare un blocco con "clear:left", alla fine di ogni blocco contenitore.
Soluzione bruta: metti sotto il testo di ogni box un <hr style:"visibility:hidden; clear:left" />
Ciao
allora ricapitolando devo sostituire nel codice html float:left con clear:left e alla fine del testo prima della chiusura con il tag </div> il testo <hr style:"visibility:hidden: clear:left">E' così che funziona
Grazie ancora
-
@Matrix66 said:
Ciao
allora ricapitolando devo sostituire nel codice html float:left con clear:left e alla fine del testo prima della chiusura con il tag </div> il testo <hr style:"visibility:hidden: clear:left">E' così che funziona
Grazie ancora
Non funziona ho fatto un box così:<div class="div1"><a href="MIA PAGINA.htm"><img src="http://www.giorgiotave.it/forum/images/32.jpeg" alt="32" style="float:left; margin: 1px 4px 1px 2px" width="80" height="114"></a><b><a href="Dejàvu.htm">TESTO<hr style:"visibility:hidden: clear:left"></div>
e il css:
.div1 { border : 1px solid #ccc; padding: 3px; height: auto; width: auto; text-align: justify}
Ma il risultato è che se il testo è minore dell'altezza dell'immagine. l'immagine stessa esce dal bordo.
Come posso fare
-
visibility:hidden:
c'è un refuso...
visibility:hidden**;**
