Problema con finestre rimpicciolite

[didoproject]

Ciao, avrei bisogno di risolvere questo problema.

Questa è la mia pagina personale:LINK .

Se provate a rimpicciolire la finestra vedrete che a sinistra il bordo viene mangiato.

Non capisco il perchè.

Nel foglio di stile ho usato questo modo per centrare la pagina:

layout( width:valorepx; heigth:valore px; position absolute; left:62%; margin-left: -540px; )


Spero di essermi spiegato chiaramente, grazie, Davide

[miki003]

Questo per centrare il layout:

<style type="text/css" media="screen">
#layout { 
	width: 801px; 
	height:1019px; 
	padding:0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -509px 0 0 -400px;
	background-image:url(imglayout/layout.jpg); 
}
</style>

[didoproject]

Grazie, però il mio problema non è centrare ma il fatto che se rimpicciolisci la finestra ( modificando la grandezza con il mouse ) invece di sparire la parte sinistra della pagina, sparisce la destra

scusami ma è banale come problema e allo stesso tempo difficile da spiegare

[didoproject]

Ecco se mettete una risoluzione bassa tipo 800x600 capite cosa itnendo

[miki003]

Se tu la centri come ti ho detto io e non come hai fatto tu, se rimpicciolisci la finestra rimane centrato senza tagliare taglia solo se la finestra è più piccola del cntenitore, prova il codice prima di dire che il problema non è quello, quello che hai fato tu non centra il layout ed è per questo che taglia

[didoproject]

lo ho provato, è che mi sn spiegato male.

la pagina principale e quelle barre che continuano sono 2 div ( layout e continuazionebarre ) contenuti in uno principale che è pagina.

Quindi è pagina che deve essere centrato.
ho provato a mettere comunque left e margin ma me lo mangia sempre.

#pagina{width:1094px; height:1019px; position:absolute; left:62%; margin-left: -540px; }

#layout{ width:801px; height:1019px; padding:0; margin:auto; background-image:url(imglayout/layout.jpg); margin-bottom:30px; float:left; }

#continuazionebarre{ width:293px; height:248px; margin:auto; background-image:url(imglayout/continuazionebarre.png); float:right; }

e nel codice html è così

<div id="pagina">
<div id="layout">
</div>
<div id="continuazionebarre">
</div>
</div>


cmq grazie per l'interesse

[miki003]

Se ti ostini ad usare un tuo codice sbagliato per ottenere il risultato che vuoi avrai sempre il problema.

Allora applica il codice che ti ho dato a #pagina