problemi di allineamente centrato

**Alessandro Per** · 12-06-2007, 15:17

ciao,
il div alex non si allinea al centro, perchè?

<html>
<head>
<title>bottom</title>
<style type="text/css">
html{
height:100%;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
body{
margin:0px;
padding:0px;
text-align:center;
height:100%;
background-color:#E2EBED;
}
#alex{
background-color: #555;
height:25px;
width:700px;
z-index:1000;
position:absolute;
bottom:0px;
left:0px;
}
</style>
</head>
<body>
<div id="alex">ciao</div>
</body>
</html>

**ricman** · 12-06-2007, 16:08

Originariamente inviato da Alessandro Per
ciao,
il div alex non si allinea al centro, perchè?

Perchè non hai neanche provato ad allineare alex al centro!!

Ti scrivo il classico codice...

codice:

html, body {
  text-align: center;    /* per far contento IE6- */
  font-size: 100%;
  width: 100%;           /* altrimenti il margin sotto non ha riferimenti */
}
#alex{
  margin: 0 auto;      /* centrare nei browser standard */
  text-align: left;        /* per correggere il center del body */
}

**Alessandro Per** · 12-06-2007, 17:46

ciao,
grazie per l'intervento, ma non è esattamente quello che mi serve.
la definizione text-align:center; io l'ho inserita direttamente nel body
invece per me è molto importante avere le definizioni che ho attribuito alla classe alex, che va visualizzare il div nel basso della pagina.
a me basta solo capire perchè non mi centra il div a fondo pagina, il resto non deve essere toccato.

**mucu** · 12-06-2007, 18:04

<html>
<head>
<title>bottom</title>
<style type="text/css">
html{
height:100%;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
body{
margin:0px;
padding:0px;
text-align:center;
height:100%;
background-color:#E2EBED;
}
#alex{
background-color: #555;
height:25px;
width:700px;
z-index:1000;
position:absolute;
bottom:0px;
left:0px;
}
</style>
</head>
<body>
<div id="alex">ciao</div>
</body>
</html>

Originariamente inviato da Alessandro Per
ciao,
grazie per l'intervento, ma non è esattamente quello che mi serve.
la definizione text-align:center; io l'ho inserita direttamente nel body
invece per me è molto importante avere le definizioni che ho attribuito alla classe alex, che va visualizzare il div nel basso della pagina.
a me basta solo capire perchè non mi centra il div a fondo pagina, il resto non deve essere toccato.

per capire questo devi capire l'inglese:
left in italiano vuol dire sinistra
comunque io non ho mai usato una posizione assoluta e magari di co una boiata

**Alessandro Per** · 12-06-2007, 20:10

..........
...
chiedo cortesemente una risposta seria!!!

è chiaro che so cosa significa
left:0px;
quello che non so e non vedo è che nessuno ha risolto il mio problema.
posso mettere tutti i valori ceh vuoi per il
left:
che non viene mai correttamente al centro

**ricman** · 12-06-2007, 23:50

Originariamente inviato da Alessandro Per
è chiaro che so cosa significa
left:0px;

Siamo sicuri? Allora che ce lo metti a fare?

**Alessandro Per** · 13-06-2007, 00:09

perdonami, ma per cortesia puoi postarmi la soluzione? sembra che tu sappia cosa si intende per left:0px;
ricordo che il mio div deve restare in basso centrato
in attesa di un codice risolutivo auguro buona notte

**emanueledg** · 13-06-2007, 02:35

Non capisco a cosa ti serva definire il livello z-index a 1000...
Hai bisogno di un container con posizionamento assoluto all'interno del quale annidare il tuo div #alex, a cui invece basta il posizionamento statico.
Se il valore di un attributo è 0 puoi risparmiare codice omettendo l'unità di misura (px nel tuo caso).

codice:

<html>
<head>
<title>bottom</title>
<style type="text/css">
html {
	height: 100%;
	font-family: trebuchet ms, lucida sans unicode, arial, sans-serif;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	background-color: #e2ebed;
}
#cont {
	position: absolute;
	bottom: 0;
	width: 100%;
}
#alex {
	margin: 0 auto 0 auto;
	background-color: #555;
	height: 25px;
	width: 700px;
}
</style>
</head>
<body>
	<div id="cont">
		<div id="alex">ciao</div>
	</div>
</body>
</html>

Tratto dal regolamento (http://forum.html.it/forum/showthrea...hreadid=725408)

- Tutte le discussioni hanno la stessa importanza ed urgenza. E tutti gli utenti hanno la stessa priorità. Le risposte vengono date da utenti volonterosi che impegnano parte del proprio tempo ad aiutare altri, magari pensando a come erano loro solo pochi mesi prima. Non mettete fretta: fa una brutta impressione in chi vi vuole aiutare. E cercate di essere il più chiari possibile nell'esporre il problema: una domanda posta male è più difficile che riceva risposta.

- Il forum è uno strumento potentissimo per imparare le cose dal punto di vista pratico, ma una minima base teorica è imprescindibile: occorre avere un lingauggio comune per poter comunicare.

- Tenete presente che chi vi risponde in generale ha un po' più di esperienza di voi, ma potrebbe non sapere tutto. Abbiate pazienza con tutti. I moderatori non possono rispondere a tutti: anche loro hanno il loro lavoro e l'impegno nel forum è un di più.

Ciao

**ricman** · 13-06-2007, 09:03

Originariamente inviato da Alessandro Per
ricordo che il mio div deve restare in basso centrato

Sottolineo anch'io che devi ricordarti:
- di leggere il regolamento del forum
- che la gente non è qui per te
- non si devono pretendere soluzioni, se non ti sta bene quello che trovi qui usa pure google, anzi, avresti dovuto farlo prima.

Vedo che ora hai cambiato la domanda...
Nell'oggetto c'è scritto: "problemi di allineamente centrato"
Nel tuo post la prima frase è: "il div alex non si allinea al centro, perchè?"
Adesso si capisce meglio cosa vuoi... Infatti emanueledg ti ha dato una buona soluzione...

**Alessandro Per** · 13-06-2007, 09:38

Ringrazio e mi scuso se sono stato sgarbato.
Invito solo a verificare un'ultima cosa;
con ff funziona con ie no
http://www.perissin8.com/css/basso_centrato.htm

ciao e grazie

Discussione: problemi di allineamente centrato

Strumenti discussione

Ricerca discussione

Visualizza

problemi di allineamente centrato

Re: problemi di allineamente centrato

Permessi di invio