Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    L'altezza dell'immagine non influenza quella del div

    Ciao,

    Ho un problema con il mio portale, dove devo elencare, in home page, delle news.

    L'impaginazione è parametrica ed , in base ai settaggi, uso delle classi per spostare le immagini a destra e sinistra, per visualizzare il titolo o no, per allineare le news verticalmente o orizzontalmente.

    Ho un problema quando le allineo orizzontalmente.
    Questa è la parte incriminata.


    Come vedete le aree con lo sfondo colorato hanno l'immagine che sborda.
    Non riesco a capire perchè.
    La classe per il posizionamento dell'immagine è questa:
    codice:
    .imgSinistra
    {
        PADDING-RIGHT: 10px;
        FLOAT: left;
    }
    Mentre questa è quella che gestisce il div contenitore:
    codice:
    .homeNewsOrizzontale
    {	
    	/* Min-Height per IE che salta l'istruzione !important */
    	height: auto !important;
    	height: 100px;
    	/* Min-Height per Opera/Firefox/etc. */
    	MIN-HEIGHT: 100px;
            PADDING-BOTTOM: 15px;
            WIDTH: 422px;
            PADDING-TOP: 10px;
            BORDER-BOTTOM: silver 1px solid;
            HEIGHT: 100px;
            TEXT-ALIGN: justify
    }
    Sapreste dirmi su cosa lavorare per poterlo vedere correttamente?
    Su Internet Explorer si vede bene e il div si ridimensiona correttamente in altezza in base a quella dell'immagine.
    Su Firefox e Opera no.

    Aiuto perfavore!

    Grazie mille

  2. #2
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    secondo me il problema è dovuto al fatto che con float: left all'immagine la togli dal normale flusso della pagina.
    devi quindi aggiungere un bel
    codice:
    <div style="clear: both"></div>
    all'interno del div dove è contenuta sia l'immagine che il testo.

    codice:
    <div>
    [img][/img]
    
    
    testo testo</p>
    <div style="clear: both"></div>                <------------
    </div>
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  3. #3
    Risolto perfettamente!

    Grazie

  4. #4
    Utente di HTML.it L'avatar di Il_Drugo
    Registrato dal
    May 2006
    Messaggi
    1,220
    Attento...aggingi ancheun overflow:hidden al contenitore o ti darà problemi con i menu a sinistra. lo dico per esperienza

  5. #5
    In quale contenitore dovrei aggiungerlo?
    In quello che contiene l'immagine e il testo? O nell'altro?

    E perchè devo aggiungerlo?
    Cosa risolve? E con cosa potrebbero capitare problemi?

    Thanks

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.