Newsgroup: it.lavoro.professioni.webmaster
Titolo: Fogli di stile - Centrare una "gabbia" all'interno di un'altra

Ho la necessità di centrare una div all'interno di un'altra mantenendo
la compatibilità sia per MSIE 6.x che per Mozilla 1.7.x. Ho trovato
diversi suggerimenti ma sembrano non funzionare...
Qualcuno di voi riesce a darmi una mano?
Grazie a tutti in anticipo.
Lisa
-- 
Lisa


Un semplice text-align: center dovrebbe funzionare; esempio:
<div style="text-align:center">
 <div style="margin:5px;">
  Questo è il testo.
 </div>
</div>
Mao
 
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

Lisa ha scritto:

mostra lo script e magari ti aiuto io mandami un link o lo script a 
and...@email.it
ciao

 ha scritto:

-- 
Lisa

<div id="box">
	<html:form action="login.do" method="POST">
	<div id="login">
		<html:img alt="logo" src="/img/lamiaimmagine.gif" styleId="logoLogin"/>
                <div id="messaggi">
   		 	<html:messages id="message" message="true">
				<%=message %>
    			</html:messages>
          	</div>
		<fieldset id="frmLogin">
                  	<legend><bean:message key="title.login"/></legend>
			<label for="username" id="lblUsername"><bean:message
key="label.username"/></label>
		        <html:text property="username" size="20" styleClass="inputText"/>
			<label for="password" id="lblPassword"><bean:message
key="label.password"/></label>
	       		 <html:password property="password" size="20"
styleClass="inputText">
	        	</html:password>
		</fieldset>
                <html:submit property="submit"
titleKey="button.login.label" styleId="btnEntra" styleClass="buttonBlue">
			<bean:message key="button.login.label"/>
		</html:submit>
	</div>
	</html:form>
    </div>e nel foglio di stile:
e nel foglio di stile:
BODY {
font: 12px/1.5em verdana, helvetica, sans-serif; color: #022d6b;
background-color: #fefefe;
text-align:center;
}
/*box contenitore esterno*/
#login {
position:relative;
top:110px;
left:150px;
width: 332px;
height: 300px;
border: 1px solid #0F4D7F;
text-align:left;
}
/*box contenitore logo*/
#logoLogin{
border-bottom: 1px solid #0F4D7F;
width: 332px;
}
#frmLogin {
position: relative;
width: 275px;
height: 75px;
font-size:11px ;
line-height:1.5em;
border: 1px solid #0F4D7F;
top: 22px; 
}
#frmLogin label {
padding-right: 5px;
display: block;
width: 100px;
float: left;
text-align: right;
}
#btnEntra {
width: 100px;
position: relative;
top: 25px;
left: 110px;
margin-right: 10px;
}
#messaggi{
position: relative;
font-size:11px ;
font-weight: bold;
font-variant:small-caps;
line-heigth:1.5em;
text-align: center;
}
Grazie per la disponibilità.
Ciao
-- 
Lisa

 }
Ragiono su questo, ma quanto detto dovrebbe valere anche per l'altro.
Visto che dai delle dimensioni (di ampiezza) fisse (perchè 332px anche 
per il contenitore logo?) si suppone che il contenuto non sfori, quindi 
lavora sui margini:
margin: 0 0 0 (qui ci va un numero pari a (332-larghezza logo)/2)px;
Se la dimensione del logo è costante, sei a posto così, altrimenti ti 
gestisci la scrittura dello stile (a questo punto direi che margin lo 
definisci inline) lato server, ricavando la larghezza logo come meglio 
credi.
Paolo

 Qualcuno di voi riesce a darmi una mano?
Il metodo dei margini (qui non spiegato) non funziona per diversi browser.
Qui sotto, il metodo degli allineamenti. Per la fretta di scrivere non l'ho
provato ma non dovrei aver commesso errori, dovrebbe funzionare su tutti e
tre i browser, Konqueror compreso.
== HTML ==
<html><head></head><body>
<div id="contenitore">
  <div id="titolo">
    <p>Titolo</p>
  </div>
  <div id="contenuto">
    <p>Contenuto</p>
  </div>
</div>
</body></html>
== CSS ==
body,html { height: 100%; margin: 0, padding: 0; text-align:center} /* Per
ottenere le massime dimensioni e centrare il contenuto */
div#contenitore {width: 750px; margin: 0; padding: 0; text-align:center;}
div#titolo {width: 100%;} /* Blocco del titolo, lo personalizzi come credi
*/
div#contenuto {width: 100%;} /* Blocco del contenuto, lo personalizzi come
credi */
Byez!
---
by Design
www.dav-muz.net

 ha scritto nel messaggio
news:200505190...@mynewsgate.net...

Io, a mente e quindi da prendersi con riserva, credo che sia sufficiente
dichiarare i margini destro e sinistro su auto per la gabbia contenuta.
Questo anche per la gabbia contenente se la vuoi al centro.
E.L.