Dreamweaver: centrare la pagina con tutte le risoluzioni

Di: alessandra83 | 26/09/2020 17:20:52
Ciao a tutti mi sono appena iscritta e spero che qualcuno mi dia una mano..secondo me è un passaggio stupidissimo ma non riesco.
Sono mesi che vado dietro questo programma e questa sera mi sono imbattuta in una prima pubblicazione del mio sito che ho provato a fare con Dreamweaver CS3.
E' solo una pagina perchè lo sto finendo ma non riesco a centrarlo. L'ho realizzato su un portatile che ha la seguente risoluzione impostata 1280x800. Quindi con questa risoluzione per centrarlo ho dovuto modificare il margin-top a 55. Mentre se provo a visualizzare la pagina su un Imac 27" che ha una risoluzione 1920x1080 resta centrato sull'asse orizzontale ma non su quello verticale.
Ho provato con i css metterndo i margini in automatico (ho letto tutti i forum) ma non va. Vi posto tutto il codice grazie :))
<html>
<head>
<title>alessandra sabatini </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #333333;
margin-top: 55px;
}
-->
</style>
</head>
<body leftmargin="0" marginwidth="0">
<!-- ImageReady Slices (PRE-HOME.psd) -->
<table width="1024" height="576" border="auto" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td rowspan="3">
<img src="images/sinistro-nero.gif" width="36" height="576" alt=""></td>
<td>
<img src="images/sopra-nero.gif" width="769" height="23" alt=""></td>
<td rowspan="3">
<img src="images/scarpe.gif" width="219" height="576" alt=""></td>
</tr>
<tr>
<td>
<img src="images/alessandra-sabatini-portfolio.gif" width="769" height="121" alt=""></td>
</tr>
<tr>
<td>
<img src="images/coming-soon.jpg" width="769" height="432" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
grazie e buonanotte

Risposte



Ciao Alessandra83, questo è il metodo più semplice per farlo, sebbene centrare le tabelle è una pratica desueta
<html>
<head>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
.tabella1 {
height: 100%;
text-align: center;
}
.tabella2 {
height: 400px;
width: 600px;
background-color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tabella1">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="tabella2">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Di: Gian Paolo | 26/09/2020 17:21:52


Grazie Gian Paolo sei stato gentilissimo.
Proverò e spero che vadaaaa :)
Buona giornata

Di: alessandra83 | 26/09/2020 17:21:52


a me non va... ma nessuno mi può correggere quello che ho scritto? l'ho postato apposta...
( mi sento una capra più che una pecora )

Di: alessandra83 | 26/09/2020 17:21:52


Siccome ti accennai che questa pratica non è più consentita e siccome quando si producono nuovi documenti dagli editor come DW automaticamente prima del tag HTML compare il seguente codice che non sto a spiegarti "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtm">" basta vedere che si tratta di un url che punta al consorzio w3c che è l'ente validatore dei tag che non consente alcune pratiche. Se hai la necessità di centrare la tua tabella a tutti i costi, devi togliere quel codice e inserire il codice che ti ho scritto io. E se sei ancora scettica, clicca qua http://starweb.starnet.it/gianpaolo/forum/table/ Però c'è da aggiungere che con firefox, con gli stili non funziona. Infatti, chi ha le ultime versioni di DW, si è accorto che non esiste più il campo per le altezze alle tabelle... le specifiche del consorzio hanno stabilito che alcuni tag sono disapprovati... e sono una lunga serie...
Dovresti procedere in questo modo usando solo html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tabella al centro</title>
<style type="text/css">
<!--
body {
margin: 0px;
}
.tabella2 {
border: 2px solid #333333;
}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><table width="600" border="0" cellpadding="0" cellspacing="0" class="tabella2">
<tr>
<td height="400" align="center">Tabella esattamente al centro, a tutte le risoluzioni.</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
http://starweb.starnet.it/gianpaolo/forum/table/
Sarebbe gradita solo una conferma.. grazie.

Di: Gian Paolo | 26/09/2020 17:21:52