centrare un div

[Tristal]

Salve a tutti

sto creando un sito, ed essendo poco esperta chiedo un aiutino a voi...

di seguito un esempio

http://www.lmadv.it/test/prova/fondomenu.html

dentro quella etichetta rossa va inserito il menu, il sito è largo 860px (escluse le barre laterali) e questa etichetta deve essere più larga, per poter "abbracciare il sito" ed è 1200px.

Vusualizzando ci sono degli errori, spero risolvibili... guardando il sito su un iPad o monitor più piccoli, l'etichetta non resta fissa...ma si sposta... è possibile farla restare lì dov'è inserita?

[carlomarangoni]

Eh! Eh! Non si fanno i layout con le tabelle
Prova sostituire la tua riga con questa

<td align="center" valign="middle" bgcolor="#FFFFFF">
[img]image/testata.jpg[/img]
</td>

[Nobody33]

A mio avviso hai incominciato male.

1) manca un contenitore centrale
2) usi le tabelle dove non servono; usa i div invece.
3) Per vedere qualche esempio di layout puoi guardare QUI

[Tristal]

testata.jpg non è il problema, ma menu_fondo2.jpg

<table width="101%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="80"></td>
    <td width="1200" align="center" valign="top">
    
     <div id="menu">[img]image/menu_fondo2.png[/img]</div>
     
    </td>
    <td width="90"></td>
  </tr>
</table>

se questa parte volessi farla solo con i div?

[Nobody33]

Puoi vedere gli esempi del link.

In ogni caso:

-contenitore padre (mettiamo 1200px di larghezza con margin:0 auto; )
-- header
-- menu
-- content
-- footer


Dentro ogni div puoi infilare altri contenitori, tutti quelli che ti servono.

Basta che ti cerchi qualche esempio in giro per la rete (tipo "free css layout", ecc.)e capirai presto; è semplice.

[Tristal]

ho sistemato come mi hai detto Nobody33,

http://www.lmadv.it/test/prova/fondomenu.html

corretto? ma se lo vedo su iPad ugualmente si sposta

[carlomarangoni]

Nel tuo link io continuo a vedere le tabelle!
Se non riesci a trasformarla in div mi dai un po' di tempo e ci provo io
É ovvio che le tabelle si adattano ai vari dispositivi prova a mettere nella cella che ti interessa

align="center" valign="top">

[Tristal]

non li trasformo in div perchè poi come faccio a fare le barre bianche laterali?

[Nobody33]

Se vuoi un sito che si adatta ai vari dispositivi, dovresti cercare in giro "responsive themes", "responsive layouts", "responsive websites" o qualcosa di simile.
Inoltre, trovati qualche guida sui @media queries.

In ogni caso le tabelle non si prestano bene per fare un template responsive.
Anche se adesso riesci a risolvere la questione, più avanti avrai sempre problemi.
Conviene che ti rifai il sito daccapo.
Se ci giochi da poco con codici e vari, conviene che prima ti fai un sito NON responsive; poi, più avanti, quando comprendi meglio tutto quanto, passi al responsive.

Inoltre, non mi pare che hai sbirciato nel link, ne letto i miei suggerimenti (1), ne cercato su google, altrimenti avresti risolto.

1)

-contenitore padre (mettiamo 1200px di larghezza con margin:0 auto; )
-- header
-- menu
-- content
-- footer

[carlomarangoni]

Originariamente inviato da Tristal
non li trasformo in div perchè poi come faccio a fare le barre bianche laterali?

Tutto il layout si deve fare coi div perché le tabelle oltre che dare problemi non sono semanticamente predisposte per questo uso