Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Il_Drugo
    Registrato dal
    May 2006
    Messaggi
    1,220

    Sovrapposizione Div Float

    Salve a tutti.

    Probabilmente ne avete già parlato in lungo e in largo ma cercando nel forum non sono riuscito a trovare nulla di utile.

    Sto cercando di fare un layout totalmente tableless. Ma questo è il mio problema:

    http://www.mad4creation.com/test.php

    Con Firefox basta usare il minheight ma su Explorer non ne vuole sapere di espandere il contenitore (il div rosso) fin sotto il div immagine.

    c'è soluzione?

    grazie in anticipo



    PS: ovviamente il codice CSS è nella pagina quindi potete consultarlo tranquillamente.

  2. #2

    Una possibile soluzione

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>TEST DIV</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <style>
    body
    {
    	margin:0px;
    }
    
    .clear {
    clear:both;
    height:0;
    margin:0 0;
    padding:0 0;
    }
    
    .contenitore
    {
        width: 750px;
    	margin:10px auto 0px auto;
    	border:1px solid #FF0000;
    }
    
    .immagine
    {
    	border:1px solid #000000;
    	width:100px;
    	height:100px;
    	float:left;
    	margin-right:10px;
    }
    
    .testo
    {
    	border:0px solid #000000;
    }
    </style>
    
    </head>
    <body>
    <div class="contenitore">
    	<div class="immagine"></div>
    	<div class="testo">
    
    		
    
    
    		testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova 
    		testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova 
    		</p>
    		<div class="clear"></div>
    	</div>
    </div>
    </body>
    
    </html>

  3. #3
    Utente di HTML.it L'avatar di Il_Drugo
    Registrato dal
    May 2006
    Messaggi
    1,220
    direi perfetto...sia il risultato che la compatibilità. Grazie mille!

    Una sola domanda...a livello concettuale perchè succedeva quello? e perchè l'aggiunta di un div clearato risolve il problema? (sono ancora un po niubbo sul tableless).


  4. #4
    Utente di HTML.it L'avatar di Il_Drugo
    Registrato dal
    May 2006
    Messaggi
    1,220
    problema non risolto del tutto.

    Con il clear:both non posso affiancare il DIV ad altri altrimenti si ridimensiona in base alla lunghezza dei div a lato. In questo caso il mio DIV contenitore di testo e immagini è una news che diventa lunga tanto quanto i menu a lato (quello del login per intenderci).

    C'è un modo per risolvere la cosa senza ricorrere al clear?



    grazie in anticipo


  5. #5
    Utente di HTML.it L'avatar di Il_Drugo
    Registrato dal
    May 2006
    Messaggi
    1,220
    è bastato mettere un overflow:hidden; al DIV più esterno.


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.