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

    problema con div e relativo css

    Ciao a tutti, sono poco esperto di grafica e sto ora facendo una piccola grafica per un mio sito personale.
    la grafica è formata di diversi div, ogni div ha il relativo css nel foglio di stile esterno (style.css) il footer però non ne vuole sapere di prendere le impostazioni del css, per iniziare a vedere se la struttura era corretta ho infatti messo un colore di sfondo ad ogni div, il footer però non prende il colore di sfondo
    Non so se questa sia la sezione adatta, nel caso chiedo al moderatore di spostare la discussione.
    Di seguito riporto il codice del file html e del file stile.css

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    Grazie a tutti in anticipo!!!
    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="style.css" type="text/css" />
        <title>Untitled Document</title>
        </head>
     
    
    
    <body>
    <div id="container">
                <div id="header">
                            
                            <div id="subheader">
                            
                                       <div id="logo">
                                       
                                       
                                       </div>
                                       
                                       
                                       
                                       <div id="menu">
                                       
                                       </div>
                            
                            </div>
                            
                            
                            
                            <div id="banner">
                            
                            </div>
                            
                </div>
                
                
                <div id="main">
                
                        <div id="sidebar">
                        
                        </div>
                        
                        <div id="content">
                        
                        </div>            
                </div>
                
                <div id="footer">
                footer
                </div>
    </div>
    </body>
    
    
    
    
    
    
    </html>
    codice:
    #container {
    width: 990px;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
    }
    
    
    #header {
    
        width: 990px;
        height: 300px;
    
    }
    
    #subheader{
        width: 990px;
        height: 150px;
    
    }
    
    
    #logo {
    height: 150px;
    width: 370px;
    background-color: red;
    float: left;
    }
    
    
    #menu{
    height: 150px;
    width: 620px;
    background-color: black;
    float: right;
    }
    
    #banner {
    height: 150px;
    width: 990px;
    background-color: green;
    
    }
    
    
    #main {
    width: 990px;
    
    }
    
    
    #sidebar {
    height: 300px;
    width: 330px;
    background-color: red;
    float: left;
    }
    
    
    #content {
    height: 300px;
    width: 660px;
    background-color: black;
    float: right;
    }
    
    #footer {
    width: 990px;
    height: 50px;
    background-color: blue;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    23
    Ciao, per risolvere il problema devi aggiungere questa proprietà al footer:

    codice:
    clear: both;
    F.

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.