Visualizzazione dei risultati da 1 a 5 su 5

Discussione: IE e clear:both

  1. #1

    IE e clear:both

    Qualcuno saprebbe un metodo per eliminare lo spazio che ie6 (non immagino le altre versioni) aggiunge dopo l'introduzione in questa pagina ( http://www.volalibero.it/grafica_new.html )? Il problema è dovuto al fatto che l'iconcina + il testo sono associati ad una classe che ha tra i vari attributi clear:both. Se elimino l'attributo lo spazio viene eliminato ma si rovina l'impaginazione
    Grazie, Mike

    P.S. Con Mozilla tutto bene
    Linux, Gimp, Openoffice.org e altro su www.volalibero.it

  2. #2
    Uppo aggiungendo i pezzi "incriminati".
    Nella pagina web:

    codice:
    <p class="duo">
      <a href="gimp.html">
        [img]icone/gnome-gimp.png[/img]
         The Gimp
      </a> (2D)
    </p>
    mentre nel foglio di stile:

    codice:
    #contenuti p.duo {
        display:block;
        width:auto;
        clear: both;
        padding:5px;
        margin: 0px 50px;
        }
    
    p.duo img {
        float:left; 
        padding:0px 5px 0px 0px;
        }
    Se elimino clear:both lo spazio in eccesso precedente al paragrafo viene eliminato, ma si sballa il layout.
    Il problema è causato dalla relazione tra la tabella centrale e le colonne laterali. Con clear:both il paragrafo viene messo sotto al testo della colonna sinistra. Come posso fare ad impedire tale comportamento?
    Ciao, Mike
    Linux, Gimp, Openoffice.org e altro su www.volalibero.it

  3. #3
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    secondo me l'unico modo è dare anche alla colonna centrale un float (left o right) e quindi riadattare tutto il layout, che ti verrà un po' stravolto dalla modifica... codì facendo dovrebbe permettergli di contenere elementi con un clear anche a IE

  4. #4
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    O più semplicemente una roba simile:

    codice:
    <div style="float: left;">
            <p style="clear: both;">
     		[img]testp.gif[/img]
    		
    
    Contenuti</p>
    	</p>
            <p style="clear: both;">
     		[img]testp.gif[/img]
    
    		
    
    Contenuti2</p>
    	</p>
    </div>
    Quindi inserisci le tue immagini con descrizione in un div con float: left;

  5. #5
    Grazie ma ho risolto proprio stamattina impostando la larghezza per il contenitore della colonna centrale. Lo stesso problema resta in konqueror però vorrei evitare di cambiare il layout perché tutto sembra funzionare a dovere (a parte konqueror) e poi perché le stesse classi vengono usate anche in altre pagine con layout a due colonne.
    Ciao, Mike
    Linux, Gimp, Openoffice.org e altro su www.volalibero.it

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.