Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2008
    Messaggi
    107

    BACKGROUND: Con firefox viene visualizzato il colore con IE no... STO PER SUICIDARMI

    Come da titolo, sto per suicidarmi.. non so piu' dove sbattere la testa, se visualizzo la pagina (un semplice layout liquido a due colonne) con safari o firefox è tutto ok, mentre se la visualizzo con IE 7 niente da fare.
    Questo è il link:
    http:www.gruppowebazar.com/prova4.html

    Grazie in anticipo a chiunque voglia aiutarmi.


    Questo è il codice:
    Codice PHP:
    <html>
        <
    head>
            <
    style type="text/css"
            
    body{
            
    padding:0;
            
    margin:0 10%;
            }
            
            
    #corpo{
            
    width:auto;
            
    background:#00CC00 url([url]http://www.gruppowebazar.com/z.png[/url]) 35% 0 repeat-y;
            
    overflow :hidden;
            

            }
            
            
    #col1{
            
    width:35%;
            
    float:left;
            
    background:#trasparent;
            
    }
            
            
    #col2{
            
    width:65%;
            
    float:left;
            
    background:#trasparent;

            
    }
            
            
    p{
            
    padding-left10px;
            
    margin:0;
            }
            
            
    h1,h2{margin:0}
            
            
    #int{
            
    background:#CCFF00;
            
    text-align:center
            
    }
            
            
    #pie{
            
    background:#FF0000;
            
    text-align:center;
            
    font-size:105%
            }
            
            </
    style>
            
        <
    div id="int"> <h1Questo è il titolo </h1> </div>    
        <
    div id="corpo">    

            <
    div id="col1"

     
    colonna 1 </p> </div>

            <
    div id="col2"

      
    colonna 2 </p> </div>
        </
    div>
    <
    div id="pie"> <h2The end.... </h2> </div>
        
        
        
        
        </
    head>
    </
    html

  2. #2
    Moderatore di Off Topic, Kickstarter e XML L'avatar di Sky
    Registrato dal
    Jul 2000
    residenza
    Roma
    Messaggi
    1,053
    C'è bisogno di un elemento dopo le colonne che annulli i float.
    Puoi spostare il div #pie dentro a #corpo, dando al primo la proprietà "clear: left" (left perché in precedenza hai usato il float a sinistra; se usassi i float sia a sinistra che a destra dovresti specificare "clear: both").

    Così dovresti risolvere :)
    Lo Stato deve dare ai cittadini, come diritto, ciò che la mafia dà come favore.
    Carlo Alberto dalla Chiesa

    Facebook | Twitter | Last.fm | LinkedIn | Quora

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2008
    Messaggi
    107
    Ok, grazie 1000 per l'aiuto e per l'interessamento; così funziona.... solo che non mi piace..
    O meglio, nel libro da cui sto studiando "CSS GUIDA COMPLETA NUOVA EDIZIONE" è stato fatto senza mettere quel div all'interno.

    Solo che di diverso dal mio quello del libro ha l'aggiunta di heigth:1% (c'è scritto affinchè funziona l'hidden dell'overflow di #corpo) solo che in quella maniera questo è quello che ottengo:


    http://www.gruppowebazar.com/prova.html

    Ecco il sorgente:
    Codice PHP:
    <html>
        <
    head>
            <
    style type="text/css"
            
    body{
            
    padding:0;
            
    margin:0 10%;
            }
            
            
    #corpo{
            
    width:auto;
            
    height:1%;
            
    background:#00CC00 url(z.png) 35% 0 repeat-y;
            
    overflow/**/:/**/hidden;
            

            }
            
            
    #col1{
            
    width:35%;
            
    float:left;
            
    background:#trasparent;
            
    }
            
            
    #col2{
            
    width:65%;
            
    float:left;
            
    background:#trasparent;

            
    }
            
            
    p{
            
    padding-left10px;
            
    margin:0;
            }
            
            
    h1,h2{margin:0}
            
            
    #int{
            
    background:#CCFF00;
            
    text-align:center
            
    }
            
            
    #pie{
            
    background:#FF0000;
            
    text-align:center;
            
    font-size:105%
            }
            
            </
    style>
            
        <
    div id="int"> <h1Questo è il titolo </h1> </div>    
        <
    div id="corpo">    

            <
    div id="col1"

     
    colonna 1 </p> </div>

            <
    div id="col2"

      
    colonna 2 </p> </div>
        </
    div>
    <
    div id="pie"> <h2The end.... </h2> </div>
        
        
        
        
        </
    head>
    </
    html

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.