Problema con zoom in un layout tableless CSS

[deamon75]

Ciao a tutti, ho un piccolo problema... questo è il mio layout:

<div id="contenitore" style="width:100%; height:100%; border: 1 solid red;">
	<div id="header" style="height:25%; clear:both; width:100%; border: 1 solid black;">
		

HEADER</p>
	</div>
	<div id="center" style="width:100%; border: 1 solid black;">
		<div id="left" style="width:10%; height:65%; float:left; border: 1 solid black;">
			

LEFT</p>
		</div>
		<div id="right" style="width:90%; height:65%; float:left; border: 1 solid black;">
			

RIGHT</p>
		</div>
	</div>
	<div id="footer" style="float:left; width:100%; height:10%; border: 1 solid black;">
		

FOOTER</p>
	</div>
</div>

Scusate se ci può essere qualche errore ma l'ho scritto in gran parte ora...

Insomma spiego l'errore che ho... il layout è perfetto però se ingrandisco tramite browser la pagina mi si sballa il layout...

Come posso correggere??

[Nobody33]

Dipende cosa vuoi ottenere....

In ogni caso conviene che ci lavori su un altro po. Non è solo sballato quando fai lo zoom.
E' tutto sfasato quando la vedi nella pagina, anche senza lo zoom (provato con chrome, poi non sono andato oltre).

[deamon75]

Originariamente inviato da Nobody33
Dipende cosa vuoi ottenere....

In ogni caso conviene che ci lavori su un altro po. Non è solo sballato quando fai lo zoom.
E' tutto sfasato quando la vedi nella pagina, anche senza lo zoom (provato con chrome, poi non sono andato oltre).

Io utilizzo chrome e va bene, dopo provo lo riprovo, magari nel copiare ho fatto qualche errore

[Nobody33]

Per il tuo beneficio:

VEDI cosa ho ottenuto con chrome; il footer si trova dopo il "right" che, a sua volta, è "fuori fase".

[ac_socmel]

è un'immagine curiosa
come fa a calcolare l'altezza se non c'è un genitore con altezza definita?

[deamon75]

Ecco cosa ottengo io:
per questo credo d'aver sbagliato qualcosa nel incollare...

[Nobody33]

Con ff ottengo lo stesso, solo che non visualizza i bordi colorati.

Ma veniamo al dunque:

Che risultato finale vorresti ottenere con il tuo layout?
Che genere di layout dovrebbe essere?
Perché l'altezza al 100% nel #contenitore?

[deamon75]

In pratica voglio che in "ogni occasione" con "ogni risoluzione" si veda agganciato sia a destra sia a sinistra sia sotto sia sopra insomma come nella foto che ho messo io foto... Per questo ho messo 100%


Io ho ottenuto il risultato che voglio, l'unico problema è che quando zoommo va fuori orbita e si sballa tutto...

Cosa mi consigli/ate?

[Nobody33]

si veda agganciato....

Cosa?

A quanto ho capito finora vorresti un layout che si adatta per ogni dispositivo.

Se si, cerca qualche documentazione sul layout "responsive".

QUI trovi un layout con altezza al 100%

[deamon75]

Originariamente inviato da Nobody33
A quanto ho capito finora vorresti un layout che si adatta per ogni dispositivo.

Esatto, però a differenza di molti siti es. Html.it non voglio che ci siano spazi a destra e a sinistra ma il layout deve riempire tutto lo schermo


e la struttura che voglio è quella che ho fatto cioè... header 2 colonne(sinistra e destra) e footer