Layout centrato Vs risoluzione bassa

**Ugly Mau** · 19-06-2007, 17:38

Ciao

Con un layuot a larghezza fissa e centrato, se ridimensiono la finestra (in piccolo), oltre la larghezza del layout la parte di sinistra viene nascosta, riesco a scrollare solo a destra...
vedi esempio

codice:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#totale_sito{
	width: 940px;
	height: 600px;
	left: 50%;
	margin-left: -470px;
	position: relative;
	border: 1px solid red;
}
</style>
</head>

<body>

<div id="totale_sito">
	Contenuto del sito	
	
	
</div>
</body>
</html>

Come posso evitare questa cosa?
Non mi importa che appaia lo scroll, l'importate è che appaia per tutta la larghezza!

Grazie

**fontlover** · 19-06-2007, 19:41

Ciao nn so se ho capito bene cosa vuoi...

ma un robo del genere ti garba?

**Ugly Mau** · 19-06-2007, 20:53

Grazie per la risposta, ma...

C'è il fatto che devo tenere la larghezza definita in px, (altrimenti non avrei il problema)

**Ugly Mau** · 22-06-2007, 15:10

Up

**fontlover** · 22-06-2007, 18:07

..Ho tolto le percentuali e messo dimensioni fisse.
Funziona con IE e Opera, per Firefox ho visto era necessario assegnare oltre al body anche
l' html.

codice:

html, body {
    margin:0; 
    padding: 0; 
    text-align: center; 
    height: 600px;
} 
#totale_sito {
    width: 940px;
    height: 100%;
    border: 1px solid red; 
    text-align: left;
}

Prova ciao.. a me va IE5.01 IE5.5 IE6 IE7 OPERA FIREFOX

**Ugly Mau** · 22-06-2007, 20:08

Ok non mangia il div ma non lo centra, o meglio lo fa solo su IE. Perché è l'unico che centra anche i div con i text-align
(comportamento di IE che cmq non è corretto, in quanto text-align è per centrare del testo e non i blocchi)

Discussione: Layout centrato Vs risoluzione bassa

Strumenti discussione

Ricerca discussione

Visualizza

Layout centrato Vs risoluzione bassa

re

re

Permessi di invio