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

    Problema con div e immagine al suo interno

    Ciao a tutti !!

    Ho un problema che mi sta facendo diventare matto.

    Ho un div cosi':

    codice:
    #contenitoreGeneraleColonnaContenuti {
    	
    	width: 745px;
    	background: #ffcc00;
    	margin-left: 0px;
    	text-align: left; /* IE5 */
    
    }
    e il relativo:

    codice:
    <div id="contenitoreGeneraleColonnaContenuti"> 
    								
         [img]images/struttura//tit_azienda.gif[/img]
                  							  
    </div>
    Ottengo pero' il contenitore con all'interno l'immagine che in altezza non prende le dimensioni dell'immagne (vedi allegato..), ma lascia sempre un paio di px (o forse piu'...) dal bordo inferiore, ho provato a settare un altezza di 1px per il div, a mettere il padding a 0, a settare border-bottom a 0 ma nulla, mi ritrovo sempre questi 2-3 px in fondo mentre vorrei che il div avesse l'esatta dimenione dell'immagine.
    Settando l'altezza esatta del div come l'immagine, ottengo cio' che voglio, ma e' il metodo corretto ? Non vorrei dovermi settare sempre l'altezza nel div uguale a quella dell'immagine.

    Suggerimenti ?

    Ciao ciao, grazie per l'attenzione.
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    L'immagine viene allineata sulla linea base della riga, se le fai precedere una p, vedrai il suo trattino si estende al di sotto. Alcuni browser, il comportamento varia anche a seconda dell'elemento contenitore, lasciano perciò quello spazio calcolato in base al testo. Per ovviare puoi aggiungere al css

    codice:
    img {vertical-align:bottom}
    anche display:block permetterebbe di raggiungere lo stesso effetto con altre implicazioni però

  3. #3
    Ora e' un po' piu' chiara la sitauzione !
    Faccio due prove !

    Grazie per la dritta !!

    ciao ciao

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 © 2026 vBulletin Solutions, Inc. All rights reserved.