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

    immagine che se ne esce fuori dal div

    Allora gente !! ho questo blocco di div che mi devono visualizzare una news con la relativa immagine allegata!!

    codice:
    <div id="BoxContenutiMaster">
    	<div class="TDtextAlignSX">TITOLO DELLA NEWS
    
    </div>
    	<div id="immagine_news" style="float:right;margin:2px 5px;">IMMAGINE ALLEGATA</div>
    	<div class="TDtextAlignSX">DATA DELLA NEWS
    
    </div>
    		<div id="notizia">
    		TESTO DELLA NEWS
    		</div>
    </div>
    Il problema consiste nel fatto che se l'immagine occupa (in altezza) più spazio del testo, allora l'immagine stessa fa fuori dal div principale che è quello con l'id [BoxContenutiMaster].

    Il testo riesce tranquillamente a farlo alllungare se il testo stesso è molto mentre l'immagine invece se ne va fuori o meglio esce fuori dai bordi.

    Vi allego anche lo stile che ho assegnato al box principale.
    codice:
    #BoxContenutiMaster {
    	margin:0px; padding:5px;
    	height:100%; width:458px!important; width:470px;
    	text-align:justify;
    	border:1px solid #000000;
    	background-color:#FFECD9; color:#000000;
    	}
    Mi aiutate a fare in modo che seppure l'immagine è un pochino "alta", il box principale si allunghi di conseguenza???

    Se volete vedere la pagina in questione lascio ancora aperto a questo indirizzo:
    http://www.lacoccinellaterralba.it/r...=1&page_news=1

    Grazie mille a tutti voi!!

    HOLA
    www.skorpiograph.com - [ PORTFOLIO ]
    ...se vuoi essere aiutato devi aiutare chi ti aiuta ad aiutarti!!!

  2. #2
    ah!! dimenticavo di dire che con IE (e te pareva) si allunga bene mentre ho riscontrato il problema con Firefox!!
    www.skorpiograph.com - [ PORTFOLIO ]
    ...se vuoi essere aiutato devi aiutare chi ti aiuta ad aiutarti!!!

  3. #3
    #BoxContenutiMaster {
    margin:0px;
    padding:5px;

    min-height: altezza max foto + testo sopra foto px;
    height: auto !important;
    height: altezza max foto + testo sopra foto px;

    width:470px;
    text-align:justify;
    border:1px solid #000000;
    background-color:#FFECD9; color:#000000;
    }

  4. #4
    grazie mille carp!

    va benissimo!
    www.skorpiograph.com - [ PORTFOLIO ]
    ...se vuoi essere aiutato devi aiutare chi ti aiuta ad aiutarti!!!

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.