risoluzione schermo

**stargenesis83** · 30-01-2006, 17:56

salve.. ho un problema. ho realizzato un sito ma in risoluzione 1024 X 768. ho provato a vedere il sito su uno schermo con risoluzione maggiore e le mie pagine non sono al centro ma a sinistra. come risolvo il problema?penso sia un problema comune. non è che dovrei usare i css?

**ana4ever-vids** · 30-01-2006, 18:47

Ho risolto il tuo problema poco tempo fa. Sì, si tratta di CSS e lo puoi risolvere creando un cosìddetto "layout fluido", che si adatta alle dimensioni della finestra autocentrandosi nella pagina.

P.S. Ti consiglio di usare i <DIV> e di lavorare con la risoluzione 800x600, che è quella che ancora troppi utilizzano (nostro malgrado)

**LorisCosta** · 30-01-2006, 19:22

Anche a me interessa sapere, perchè nel sito www.bohemians.it, creato da me, (non è spam, anche xchè è in costruzione) nel 800 x 600 rimane fuori fase, c'è un modo che rimane centrato con tutti i formati?

**ana4ever-vids** · 30-01-2006, 19:25

Sì. Un esempio lo puoi vedere sulla versione beta (anzi, betissima) del mio sito.

HTML: http://xoomer.virgilio.it/ana4evervids/i/index.html

CSS: http://xoomer.virgilio.it/ana4evervids/css/main.css

**LorisCosta** · 30-01-2006, 19:28

si ma non ho ancora capito come si fa

**ana4ever-vids** · 31-01-2006, 16:51

Ti basta impostare su un css in "auto" il margine di destra e il margine di sinistra. Ovviamente poi applichi il css ad un div che contiene tutto il resto!

**LorisCosta** · 31-01-2006, 17:43

nn riesci a farmi un esempio?

**ana4ever-vids** · 01-02-2006, 17:56

Allora, crea un file che si chiama index.html con il seguente codice:

codice:

<!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/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="stile.css" type="text/css">
<title>Prova</title>
</head>

<body>


<div id="totale">

Qui puoi mettere tutto il tuo sito

</div>


</body>
</html>

Poi crei un file stile.css (da salvare, in questo caso, nella stessa cartella del file index.html) con il seguente codice:

codice:

body {
background-color: #000000;
}

#totale {
background-color: #FFFFFF;
width: 700px;
margin-left: auto;
margin-right: auto;
}

Ora guarda il risultato, prova a cambiare le dimensioni della finestra del browser ed a cambiare risoluzione e vedrai.

Discussione: risoluzione schermo

Strumenti discussione

Ricerca discussione

Visualizza

risoluzione schermo

Permessi di invio