Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222

    altezza div contenente immagine in ie6

    ciao, in ie5.5 e ie6 non riesco a rendere corretta la visualizzazione a varie dimenensioni, le immagini contenute in alcuni div non creano spazio succifiente per dare altezza al divi e così quelle successive invece di stare sotto al div vanno a dx dell'immagine, come posso risolvere questa cosa?

    ho anche inserito un hr con display block, ma nulla....

    codice:
    <div class="uno">
    <div class="prev">
    <a>[img]images/portfolio/thumbRadioSata.png[/img]</a>
    </div> 
    			
    <h4>titolo</h4>
    
    
    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo .</p>
    </div>
    <hr />
    <div class="uno">
    <div class="prev">
    <a>[img]images/portfolio/thumbRU.png[/img]</a>
    </div>
    <h4>titolo</h4>
    
    
    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo .</p>
    </div>
    css:
    codice:
    div.sitiWeb {
    		width: auto;
    		height: auto;
    		margin: 0 0 25px;
    		overflow: hidden;
    		background:#fcc;
    	}
    	div.prev {
    		width: 25%;
    		float: left;
    		margin: 0 15px 0 0;
    	}
    sono costretto a dare un'altezza fissa? forse me la cavo con le percentuali? mah...
    grazie
    Si fanno sempre nuove scoperte

  2. #2
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Prova a dare la min height in questo modo

    min-height: 25px;
    height: auto !important;
    height: 25px;


    al posto di 25 metti l'altezza massima che vuoi

  3. #3
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    ma passa la validazione un css così? considerando poi che ie6 interpreta min-height come height è come dargli 3 vaolri diversi...

    cmq credo di avere risolto con un height in percentuale, così che dipendentemente dalla larghezza della finestra e in relazione alla ovvia modifica della lunghezza, questi div siano sempre ben definiti, anche se mi rimangono dei dubbi per altezze maggiori, ma qualcosa bisogna pur perdere.

    Mi rimane ancora il dubbio del perché ie6 nn mi veda gli hr.... :master:
    grazie
    Si fanno sempre nuove scoperte

  4. #4
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Certo che viene validato.
    Le specifiche le trovi qui http://www.constile.org/tips/min-height/

  5. #5
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    Originariamente inviato da Sonikag
    Prova a dare la min height in questo modo

    min-height: 25px;
    height: auto !important;
    height: 25px;


    al posto di 25 metti l'altezza massima che vuoi
    fammi capire: forse non ho specificato che il css è solo per ie6, quindi
    min-height fa la stessa funzione di height, e important non viene visto...

    il mio problema non è legato direttamente all'altezza di un div, ma al fatto che un immagine a differenza di un testo non fa aumentare di conseguenza l'altezza di un div settato a min-height: 25px per esempio. In questo caso se l'immagine è alta 100 px il div rimane sempre 25px. Non so se ci siano soluzioni alternative per questo, io generalmente risolvo facendo manovre simili a quelle da te suggerite, ma in questo caso avendo un sito con layout liquido il tutto si complica un pochino....
    grazie
    Si fanno sempre nuove scoperte

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.