Visualizzazione dei risultati da 1 a 6 su 6

Discussione: [HELP]Layout fluido

  1. #1

    [HELP]Layout fluido

    Ciao ragazzi. Avevo momentaneamente risolto il problema di centrare i DIV con i margini ma mi sono accorto che non è un Layout fluido... In pratica tutti i div devono stare attaccati sotto il banner di testa... Le pagine sono online qui: http://www.gamingitalia.net/site/1/

    Grazie per l'aiuto.
    www.gamingitalia.net

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Comincia ad inserire un DOCTYPE valido e ad eliminare tutta la formattazione dal codice.

    Anche <center> non dovrebbe essere usato!
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    Innanzitutto non devi usare <center></center>... Le formattazioni dalla dal CSS

    copiati questo è l'html :

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    
    <head>
    		<title>
    			Villa Veientana
    		</title>
    		
    		<link rel="stylesheet" type="text/css" href="style.css">
    		<meta name="generator" content="Namo WebEditor v6.0">
    </head>
    
    <body>
    	<div id="container">
    			<div id="header">
    				<h1>Villa Veientana</h1>
    			</div>
    
    			<div id="menu">                
    				<ul>
                			[*]Lavilla
    					[*]Eventi
    					[*]Locations
      					[*]Gallery
       					[*]Servizi
        					[*]Contatti
    
            			[/list]
    			</div>
    			
    			<div id="contenuto">        
    				
    
    </p>
          			
    
    </p>
          			
    
    </p>
          			
    
    </p>
          			
    
    </p>
          			
    
    </p>
          			
    
    </p>
          			
    
    </p>
    				
    
    </p>
           			
    
    contenuto</p>
    			</div>
    			<div id="foto">
    				
    
    prova</p>
    			</div>
    	</div>
    </body>
    </html>
    e questo il css:
    codice:
    body{
    	text-align:left;
    	background: #ccc;
    }
    
    #container{
    	background: #cac;
    	margin: 0 auto;
    	width: 800px;
    	height: auto !important;
    }
    
    #header{
    	background: #aab;
    	width: 800px;
    	height: 200px;
    	color: #fff;
    	text-align: center;
    }
    
    #menu{
    	float: left;
    	background: red;
    	width: 300px;
    	height: auto !important;	
    	text-align: center;
    }
    
    ul{
    	list-style-type: none;
    }
    
    #contenuto{
    	float: right;
    	background: #aa0;
    	width: 500px;
    	height: auto !important;
    	text-align: center;
    }
    
    #foto{
    	clear: both;
    	background: yellow;
    	width: 800px;
    	height: auto !important;
    	text-align: center;
    }
    Niente è impossibile...

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Occhio alla correttezza del DOCTYPE!

    Valid DOCTYPE
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    Un buon colpo d'occhio!!!
    Niente è impossibile...

  6. #6
    Ciao BlueSky92,

    posso consigliarti questa serie di templates del Fulciniti (senza errori, puliti e a norma) da cui partire per poi modificare secondo le tue esisgenze e personalizzazioni?

    http://blog.html.it/layoutgala/indexIta.html

    Non potresti affidarti in mani migliori...

    saluti a tutti...
    O saisons, ô châteaux,
    Quelle âme est sans défauts?

    Rimbaud - L'Éternité (1872)

    EsseZeta - VisualWriting | www.essezeta.org

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.