centrare pag. in svariate risoluzioni info

[alexlisca]

ciao... tramite fireworks & dreamweaver ho partorito questo " layout " solo che ho 1 problema non riesco a centrarlo nel brouser, come faccio ?
http://lisca.netsons.org/prova/index.html
css:
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
display: block;
}

#FWTableContainer1418541771 {
/* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
position:relative;
margin:0px;
width:900px;
height:625px;
text-align:left;
}

#MMMenuContainer0102122132_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0102122132_0 and contains the important positioning information for the menu as a whole */
position:absolute;
left:168px;
top:126px;
visibility:hidden;
z-index:300;
}

#MMMenu0102122132_0 {
/* This class defines things about menu MMMenu0102122132_0's div. */
position:absolute;
left:0px;
top:0px;
visibility:hidden;
background-color:transparent;
width:570px;
height:14px;
}

.MMMIFHStyleMMMenu0102122132_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0102122132_0 */
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-bottom:0px solid #ff0000;
border-right:0px solid #ff0000;
width:95px;
height:14px;
voice-family: "\"}\"";
voice-family:inherit;
width:95px;
height:14px;
}

.MMMIHStyleMMMenu0102122132_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0102122132_0 */
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-bottom:0px solid #ff0000;
border-right:0px solid #ff0000;
width:95px;
height:14px;
voice-family: "\"}\"";
voice-family:inherit;
width:95px;
height:14px;
}

#MMMenu0102122132_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0102122132_0 so we can set its position */
left:0px;
top:0px;
}

#MMMenu0102122132_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0102122132_0 so we can set its position */
left:95px;
top:0px;
}

#MMMenu0102122132_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0102122132_0 so we can set its position */
left:190px;
top:0px;
}

#MMMenu0102122132_0_Item_3 {
/* Unique ID for item 3 of menu MMMenu0102122132_0 so we can set its position */
left:285px;
top:0px;
}

#MMMenu0102122132_0_Item_4 {
/* Unique ID for item 4 of menu MMMenu0102122132_0 so we can set its position */
left:380px;
top:0px;
}

#MMMenu0102122132_0_Item_5 {
/* Unique ID for item 5 of menu MMMenu0102122132_0 so we can set its position */
left:475px;
top:0px;
}

#MMMenuContainer0102122132_0 img {
/* needed for Mozilla/Camino/Netscape */
border:0px;
}

#MMMenuContainer0102122132_0 a {
/* Controls the general apperance for menu MMMenuContainer0102122132_0's items, including color and font */
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:center;
vertical-align:middle;
padding:0px;
background-color:#000000;
font-weight:bold;
font-style:normal;
display:block;
position:absolute;
}

#MMMenuContainer0102122132_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0102122132_0 */
color:#ffffff;
background-color:#000000;
}
#MMMenuContainer0102122958_1 {
/* This ID is related to the master menu div for menu MMMenuContainer0102122958_1 and contains the important positioning information for the menu as a whole */
position:absolute;
left:278px;
top:126px;
visibility:hidden;
z-index:300;
}

#MMMenu0102122958_1 {
/* This class defines things about menu MMMenu0102122958_1's div. */
position:absolute;
left:0px;
top:0px;
visibility:hidden;
background-color:transparent;
width:348px;
height:14px;
}

.MMMIFHStyleMMMenu0102122958_1 {
/* This class determines the general characteristics of the menu items in menu MMMenu0102122958_1 */
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-bottom:0px solid #ff0000;
border-right:0px solid #ff0000;
width:87px;
height:14px;
voice-family: "\"}\"";
voice-family:inherit;
width:87px;
height:14px;
}

.MMMIHStyleMMMenu0102122958_1 {
/* This class determines the general characteristics of the menu items in menu MMMenu0102122958_1 */
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-bottom:0px solid #ff0000;
border-right:0px solid #ff0000;
width:87px;
height:14px;
voice-family: "\"}\"";
voice-family:inherit;
width:87px;
height:14px;
}

#MMMenu0102122958_1_Item_0 {
/* Unique ID for item 0 of menu MMMenu0102122958_1 so we can set its position */
left:0px;
top:0px;
}

#MMMenu0102122958_1_Item_1 {
/* Unique ID for item 1 of menu MMMenu0102122958_1 so we can set its position */
left:87px;
top:0px;
}

#MMMenu0102122958_1_Item_2 {
/* Unique ID for item 2 of menu MMMenu0102122958_1 so we can set its position */
left:174px;
top:0px;
}

#MMMenu0102122958_1_Item_3 {
/* Unique ID for item 3 of menu MMMenu0102122958_1 so we can set its position */
left:261px;
top:0px;
}

#MMMenuContainer0102122958_1 img {
/* needed for Mozilla/Camino/Netscape */
border:0px;
}

#MMMenuContainer0102122958_1 a {
/* Controls the general apperance for menu MMMenuContainer0102122958_1's items, including color and font */
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:center;
vertical-align:middle;
padding:0px;
background-color:#000000;
font-weight:bold;
font-style:normal;
display:block;
position:absolute;
}

#MMMenuContainer0102122958_1 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0102122958_1 */
color:#ffffff;
background-color:#000000;
}

[Myaku]

Appunto per le prossime volte: quando posti del codice sarebbe bene utilizzare il bottoncino # altrimenti si fa fatica a leggerlo, inoltre spesso serve anche vedere come è relazionato all'html.
Comunque, l'argomento è già stato affrontato:
segui le indicazioni di Mich_ in questo thread

[alexlisca]

Originariamente inviato da Myaku
Appunto per le prossime volte: quando posti del codice sarebbe bene utilizzare il bottoncino # altrimenti si fa fatica a leggerlo, inoltre spesso serve anche vedere come è relazionato all'html.
Comunque, l'argomento è già stato affrontato:
segui le indicazioni di Mich_ in questo thread

pardon ma come si usa il bottone # ? si apre 1 finestra e poi ?
solo che in quel guazzabuglio che mi ha creato fireworks non mi è chiaro dove inserire il cod suggerito da Mich_
<body>
<div id="tutto">
... tutto il contenuto ...
</div>
</body>

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

ad esempio le metto nella pag. html oppure nel css ? :master:

[Myaku]

Originariamente inviato da alexlisca
<body>
<div id="tutto">
... tutto il contenuto ...
</div>
</body>

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

ad esempio le metto nella pag. html oppure nel css ? :master:

metterai il codice css nel documento css e l'html nella pagina .html. ovviamente non ripeterai il tag <body> ma ti limiterai ad inserire il div contenitore #tutto

[alexlisca]

quindi questo nella mia pag. html:

<div id="tutto">
... tutto il contenuto ...
</div>

all' inizio del body ?


e tutto questo nel mio file css:

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

[alexlisca]

smanettando andando x tentativi forse ho risolto:
http://lisca.netsons.org/prova/index.html
ho aggiunto queste righe al mio css:
#FWTableContainer1418541771 {
/* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
position:relative;
margin: 0 auto; /* centrare nei browser standard */
text-align: left; /* per correggere il center del body */
width:900px;
height:625px;
text-align:left;
}
se avete altre info in merito ?