Dreamweaver: sito 800x600 centrato

Di: el_bruce | 26/09/2020 18:53:00
Buonasera a tutti e ancora complimenti per questo bellissimo forum, ancora oggi mi trovo avanti un guaio ed ormai è un po' che cerco di risolverlo ma niente... In poche parole sto cercando di fare un sito, ma la mia pecca è stata quella di lavorare a 1280x1024, avendo solo l'accortezza di mettere tutto il sito in un livello centrato di 800x600. Ora una volta pubblicato mi sono reso conto che a risoluzioni più basse, il livello di 800x600 posizionato al centro, si sposta in basso a destra come posso fare sempre se si può a rendere fattibile la visualizzazione corretta con almeno le risoluzioni più usate? vi allego il codice così almeno vedete meglio i miei errori...
<!-- Commento aggiunto per non interferire con il codice della pagina del forum di 001design.it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MenuMaker produced NavBar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #2E347E;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//
-->
</script>
</head>
<body text="BLACK">
<script menumaker src="menusito.js"></script>
<div id="Layer1" style="position:relative; left:230px; top:99px; width:800px; height:600px; z-index:1; background-image: url(acr.jpg); layer-background-image: url(acr.jpg); border: 1px none #000000;">
</div>
</body>
</html>
Fine commento aggiunto per non interferire con il codice della pagina del forum di 001design.it. -->

Risposte



Se vuoi proprio cimentarti nella costruzione di siti table-less (senza tabelle) ti consiglio di studiare i css con molta attenzione. Ricorda di privilegiare il tag <DIV> al posto dei Layer, soprattutto per il layout. In calce ti posto un indirizzo che può fare al caso tuo.
Il codice giusto da mettere nella tua pagina è il seguente:
<html>
<head>
<title>MenuMaker produced NavBar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #2E347E;
text-align: center;
}
.tabellacentrale {
text-align: center;
border: 1px solid #FFFFFF;
height: 600px;
width: 800px;
}
-->
</style>
</head>
<body text="BLACK">
<div class="tabellacentrale">Questo è il layout della tabella centrale 800X600 </div>
</body>
</html>
http://css.html.it/guide/leggi/3/guida-layout-dei-siti-con-i-css/

Di: Gian Paolo | 26/09/2020 18:53:00


Grazie Gian Paolo per la consueta grande professionalità.
Per El_bruce aggiungo solo che gli converrebbe stare leggermente al di sotto delle dimensioni 800x600 pixel per evitare scroll orizzontali. Quindi una dimensione di 760x500 pixel o altre simili possono essere considerate come valide soluzioni anche dal punto di vista dell’usability.

Di: Pablito | 26/09/2020 18:53:00


Grazie mille !!! come al solito siete stati tutti molto disponibili e precisi nel dare spiegazioni e aiuti

Di: el_bruce | 26/09/2020 18:53:00