Affiancare due livelli al centro

[chesterfield]

allora se faccio cosi:

me li centra ma non me li mette affiancati:

#footersx {
float: center;
width: 449px;
height: 10px;
font-size: 82%;
}
#footerdx {
float: center;
width: 200;
height: 10px;
font-size: 82%;
}

se faccio cosi me li mette affiancati ma non me li centra:

#footersx {
float: left;
width: 449px;
height: 10px;
font-size: 82%;
}
#footerdx {
float: left;
width: 200;
height: 10px;
font-size: 82%;
}

come ottengo le due cose? :master:

[Mich_]

float:center non mi risulta che esista nei CSS2. Forse e` un'estensione di qualche browser.

Devi usare la seconda soluzione, ma racchiudere tutto in un <div> ulteriore che avra`:
margin: 0,auto;

Se deve funzionare anche in IE, devi inoltre inserire nel blocco che contiene quello da centrare:
text-align:center;

[chesterfield]

Se ho capito bene ho fatto cosi:

#footer {
margin: 0 auto;
text-align: center;
}
#footersx {
float: left;
width: 449px;
height: 10px;
font-size: 82%;
}
#footerdx {
float: left;
width: 200;
height: 10px;
font-size: 82%;
}

e

<div id="footer">
<div id="footersx">Html.it</div>
<div id="footerdx">[img]images/blu.jpg[/img]</div>
</div>

ma non centra :master:

[Mich_]

Nei browser conformi dovrebbe centrare.

Per il browser IE devi mettere un ulteriore div:

<div id="footer_est">
  <div id="footer">
    <div id="footersx">Html.it</div>
    <div id="footerdx">[img]images/blu.jpg[/img]</div>
  </div>
</div>

Il CSS per i div piu` interni va bene, mentre per gli altri diventa:

#footer_est {
text-align: center;
}
#footer {
margin: 0 auto;
}

[chesterfield]

Ho fatto anche questo ma non centra

dai un occhiata tu stesso

[Mich_]

Ci sono cose che andrebbero modificate: se vuoi fare una cosa buona e trovare piu` faclimente gli errori passa a XHTML Strict (con quella pagina e` facile) e valida la pagina.

Comunque credo che dovresti togliere il width e tutti i nbsp; ; Dato che il width e` settato molto alto ti impedisce di valutare come modificare e muoverti.

Infatti la larghezza totale dei due footersx e footerdx equivale alla larghezza totale della pagina, per cui non c'e` nulla da centrare.

[chesterfield]

Originariamente inviato da Mich_
Ci sono cose che andrebbero modificate: se vuoi fare una cosa buona e trovare piu` faclimente gli errori passa a XHTML Strict (con quella pagina e` facile) e valida la pagina.

Comunque credo che dovresti togliere il width e tutti i nbsp; ; Dato che il width e` settato molto alto ti impedisce di valutare come modificare e muoverti.

Infatti la larghezza totale dei due footersx e footerdx equivale alla larghezza totale della pagina, per cui non c'e` nulla da centrare.

ho tolto il witdh dai footer e tolto i nbsp; ma nulla

per l'xhtml non lo conosco proprio...mai utilizzato quindi preferirei continuare a lavorare cosi...

[Mich_]

Io i width li vedo ancora.

La tua pagina e` in XHTML Transitional (vedi doctype), quindi non puoi dire di non conoscere XHTML!!!

Comunque ci sono errori di XHTML, ed e` difficile correggere il CSS quando ci sono errori XHTML.

Passa dal validatore, meglio se metti prima la DTD strict.
Poi valida anche il CSS.

validator.w3.org
e li` dovrebbe esserci anche il link per il validatore CSS

oppure: http://www.w3.org/QA/Tools/#validators dove li trovi tutti

[chesterfield]

Ho messo tutto a posto: è valido sia l'xhtml che il css. quindi errori non ce ne sono ora, dai un occhiata

rimane sempre il problema di affiancare centralmente i livelli

[Mich_]

In effetti ora il codice e` cambiato, ma in Mozilla il footer lo vedo tutto a sinistra. I due pezzi invece si sono avvicinati.

C'e` ancora un errorino: il nome body per un div non e` il massimo, ma in questo contesto non dovrebbe dare problemi (potrebbe darne se usi JS).

Comunque il div #body non e` citato nel CSS. Prova a sistemare anche quello.

Per il resto non saprei cosa dire. Ho grossi problemia capire.
Aspetta se qualche altro forumista riesce a capire.