Problema centratura div in firefox

**Kilin** · 22-10-2009, 21:41

ciao ragazzi...

sto iniziando a fare il mio primo sito table less (meglio tardi che mai direte voi!) e ho un problemino... volevo contenere la pagina in un div largo 800px, centrato. Il codice che ho scritto da il risultato voluto in IE, mentre in firefox, aggiungendo l'attributo width, perdo la centratura. Come mai? Potete darmi una mano?

codice:

body {
		margin-top: 15px;
		text-align: center;
	 }
#page	{ 	
			
			margin-right: auto;
			border-style: solid;
			border-color: black;
			border-width: thin;
			width: 800px;

			
}

codice:

...
<body>
<div id="page">
<div id="header">
[img]images/header.jpg[/img]</div></div>
</body>
...

Grazie!

**Mich_** · 23-10-2009, 08:33

Nel body ti manca:
width: 100%;

E devi anche definire:
html {
width: 100%;
}

Nel #page sostituisci il margin-right con:
margin: 0 auto;
Inoltre sempre nel #page potrebbe mancare
text-align: left;
altrimenti il center del body viene ereditato anche dai blocchi interni

**Kilin** · 23-10-2009, 16:42

la modifica che ha mandato apposto le cose è quella su margin di #page.. puoi spiegarmi perchè risolve il problema?

grazie!!

**Mich_** · 26-10-2009, 10:23

Cerca tra i "link utili" il capitolo: centrare un blocco (o simile - sta in evidenza nella prima pagina).

Discussione: Problema centratura div in firefox

Strumenti discussione

Ricerca discussione

Visualizza

Problema centratura div in firefox

Permessi di invio