% PERCENTUALI e RISOLUZIONI

**fradeluca** · 13-06-2003, 23:50

sto lavorando a 1024X768
nella pagina ho una tabella width:100% height:100%
dentro la tabella c'è un titolo a 700% che occupa 1/3 dello schermo
e fin qui va bene.

faccio le prove aumentando la risoluzione

il titolo ora non occupa + 1/3 dello schermo bensì occupa 1/5

come mai?

come faccio a fargli occupare sempre 1/3 dello schermo come la risoluzione 1024x768?

sciaoooo

**RobMcSword** · 14-06-2003, 00:32

spero ti sia sbagliato a scrivere con il 700%!

postaci il codice della tabella che vediamo.

**Jerry Masslo** · 14-06-2003, 01:04

anche ammesso che 700 sia 70 dovresti rivedere un po' di conti perché non quadra, il 70 di 100 sarebbe 1/3 :master:

**Corinna** · 14-06-2003, 01:10

Originariamente inviato da fradeluca
come faccio a fargli occupare sempre 1/3 dello schermo come la risoluzione 1024x768?

Indipendentemente dalla risoluzione, mai pensato di provare con un banale "33%"?

**fradeluca** · 14-06-2003, 16:53

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table height="100%" width="100%">
<tr>
<td width="100%">
<div style="font-family: Arial Black; font-size: 700%; color: #666666;" align="center">PROVA</div>

</td>
</tr>
</table>
</body>
</html>

:tongue: :tongue:

ciao ecco il codice
provate

a me se metto 33% invece di 700% la scritta diventa quasi invisibile
non ho idea da cosa dipenda

ditemi un pò voi
ciao grazie

**Marcolino's** · 14-06-2003, 17:47

Ma perchè usi un layer dentro una tabella?
Non ha senso, i layer sono stati fatti per essere usati al posto di una tabella.

Quindi il tuo codicillo può tranquillamente essere sostituito da questo:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font-family: Arial, "Arial Black", Sans-serif;
font-size: small;
background-color: White;
color: Black;
width: 100%;
height: 100%;
text-align: center;
}
#layer {
display: block;
border: 1px solid black
width: 100%;
text-align: center;
}
h1{
font-size: xx-large;
color: #666666;
}
</style>
</head>

<body>
<div id="layer">
<h1>PROVA</h1>
</div>
</body>
</html>

Ecco è tutto.
Per la risoluzione tieni presente che conta molto anche il tipo di monitor, con un 15 pollici non è la stessa cosa che con un 17 pollici, alla stessa risoluzione, con quest'ultimo vedi molto di più.

**Marcolino's** · 15-06-2003, 20:58

C'è un errore, manca il padding nel css, in pratica non gli ho detto da quanto deve stare distante dal bordo della finestra.
Quindi se vuoi che si centri il tutto, devi riscrivere così:

codice:

#layer {
display: block;
border: 1px solid black
padding: 10px, auto;
width: 95%;
text-align: center;
}

Ho anche ridimensionato un poco il layer così si centra meglio.
Spero di averti aiutato.

**fradeluca** · 16-06-2003, 10:58

tank u marcolino's

Discussione: % PERCENTUALI e RISOLUZIONI

Strumenti discussione

Ricerca discussione

Visualizza

% PERCENTUALI e RISOLUZIONI

Re: % PERCENTUALI e RISOLUZIONI

Permessi di invio