[layout in CSS] centrare

**alexx83** · 17-10-2006, 13:47

Ciao a tutti,
sono nuovo del forum e sono alle primissime armi con html e css.
ho letto le diverse guide ed anche alcune pagnine segnalate nei link utili rigurdanti i css.

Purtroppo però ho ancora molti dubbi, come d'altronde credo che sia normale...

arrivo al dunque:

sto creando il layout di un sito tramite l'uso dei css. per ogni immagine del layout ho creato un div che fa riferimento ad un suo id con posizione e grandezza del contenuto.
ora, il mio problema è che vorrei centrare tutto ma non so come fare.
ho provato diverse soluzioni trovate quae e là per internet ma nessuna ha funzionato.
ho provato anche ad improvvisare con le mie poche conoscenze ma i risultati sono stati scarsi, la cosa che più ha funzionato è stata:

* {
position: absolute;
left: 100px;
top: 0px;
}

dove andavo a spostare il tutto di 100px.
ma appena poi ho collegato delle pagine web ai bottoni, queti ultimi si sono spostati dalla loro posizione.
la cosa mi ha lasciato molto confuso.

ciao a tutti e grazie per le eventuali risposte!

**Paola_pg** · 17-10-2006, 14:06

Ciao, alexx83

Prova a mettere, nel body del css:

margin: auto;

**alexx83** · 17-10-2006, 14:16

ho provato, ma non succede nulla.
ho messo "margin: auto;" nel body (nel css) ma nulla...
mentre tipo il colore di sfondo (sempre del body) funziona.

in oltre, si può fare di un div un collegamento?
o per farlo deve per forza contenere un testo o un immagine?

grazie

**fcaldera** · 17-10-2006, 14:27

tra i link utili in evidenza è spiegato come centrare un contenitore (cerca "centrare") ma senza usare i posizionamenti assoluti

per quanto riguarda il secondo punto non si può linkare un div (almeno da un punto di vista di correttezza formale rispetto al DTD anche se poi ogni browser lo consente interpretando a modo proprio) perchè non puoi inserire un elemento blocco dentro un elemento inline

**alexx83** · 17-10-2006, 14:35

grazie fcaldera, quindi non posso creare unasorta di bottone in css?
ma se metto all'interno del div un'immagine (a questo punto non come sfondo) e poi faccio un link, è corretta come cosa?

grazia ancora per i preziosi consigli

**fcaldera** · 17-10-2006, 14:46

Originariamente inviato da alexx83
grazie fcaldera, quindi non posso creare unasorta di bottone in css?

certo che si può: di modi ce ne sono diversi offerti direttamente dal linguaggio xhtml (ad esempio usando direttamente il tag "button") o usando opportune combinazioni di altri tag da presentare con apposite regole css.

ma se metto all'interno del div un'immagine (a questo punto non come sfondo) e poi faccio un link, è corretta come cosa?

sì una soluzione del genere è corretta, anche se poco accessibile

**alexx83** · 17-10-2006, 16:08

incredibile... niente da fare, non riesco a centrarlo.

avrò sicuramente sbagliato qualcosa nel complesso.. perchè ho seguito diversi modi ma nulla da fare

**Paola_pg** · 17-10-2006, 16:34

alex non è possibile.
Oltre al margin 0 nel body togli, come ti è già stato suggerito, gli absolute.
Se preferisci mostra qui il tuo css.

Ho scritto e detto una cretinata.
Metti

margin: auto;

**fcaldera** · 17-10-2006, 16:35

copia e incolla questo esempio

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">

<body>
<div id="contenitore" style="text-align: center;">
   <div id="contenuto" style="width:500px; margin: 0 auto; border: 1px #cca dotted; text-align:left">
      Ciao sono una scritta allineata a sinistra in un contenitore centrato (di larghezza specificata) :)
   </div>
</div>
</body>

</html>

Ciauz

**alexx83** · 18-10-2006, 10:00

ora, è normale che seguendo il metodo di

margin:auto

me lo centri solo in firefox e non in explorer?

grazie

Discussione: [layout in CSS] centrare

Strumenti discussione

Ricerca discussione

Visualizza

[layout in CSS] centrare

Permessi di invio