Errore Layout

[danlupo]

Salve, domanda "stupida".
Ho un problema con un Layout:

#logo { 	
position:absolute; 	
margin:0; 	
padding:0; 	
height: 15%; 	
width:40%;	 	
overflow: hidden; 	
background-color: red; 
} 
#galleria { 	
position:absolute; 	
margin:0 0 0 40%; 	
padding:0; 	
height: 30%; 	
width:60%;	 	
overflow: hidden; 	
background-color: blue;	 
} 
#menu { 	
position:absolute; 	
margin: 15% 0 0 0; 	
height: 15%; 	
width: 40%; 		
overflow: hidden; 	
background-color: tan;	 
}

Beh nelle intenzioni RED e TAN dovrebbero essere uno sotto all'altro..

Stessa cosa succede con il corpo centrale e con il footer, sempre con un margine "di troppo"

Grazie Daniele

[bionicoz]

Prova così:

#logo { 	
position:absolute; 
top:0; left:0;	
margin:0; 	
padding:0; 	
height: 15%; 	
width:40%;	 	
overflow: hidden; 	
background-color: red; 
} 
#galleria { 	
position:absolute; 
top:0; left:40%;	
margin:0; 	
padding:0; 	
height: 30%; 	
width:60%;	 	
overflow: hidden; 	
background-color: blue;	 
} 
#menu { 	
position:absolute;
top:15%; left:0; 	
margin: 0; 	
height: 15%; 	
width: 40%; 		
overflow: hidden; 	
background-color: tan;	 
}

Domanda: c'è un motivo particolare per cui hai scelto di usare i posizionamenti assoluti?

[danlupo]

Salve, il posizionamento assoluto diciamo che lo uso solo per "abitudine".

É più di un anno che non tocco programmazione ma mi hanno chiesto un sito internet ed ho accettato per $$ ma sono un pò arrugginito !!

[vdesigns]

Il position: absolute non lo utilizzerei in questo caso. Come mai hai scelto per un layout fluido? Secondo me faresti bene a utilizzare dimensioni fisse e ottimizzate, rendono il layout più pulito e professionale.