body e proprieta' css

**Sclerato** · 28-11-2004, 20:28

ciao,
sto approfondendo il discorso css xhtml, che trovo interessante e fondamentale di qui a qualche anno.
facevo delle prove con i font,in pratica ne setto uno di default nel body del documento e dimensiono gli altri, nel resto del documento,in proporzione al primo.

allora questa la pag html

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" media="screen" href="/include/style.css" />
</head>

<body>
<div class="xx-small">

prova paragrafo</p></div>
<div class="x-small">

prova paragrafo</p></div>
<div class="small">

prova paragrafo</p></div>
<div class="medium">

prova paragrafo</p></div>
<div class="large">

prova paragrafo</p></div>
<div class="x-large">

prova paragrafo</p></div>
<div class="xx-large">

prova paragrafo</p></div>
</body>
</html>

questo il css

codice:

<style type="text/css">
<!--
body{
	font-size:100%;
	font-family:Verdana, Helvetica, sans-serif;
}
.xx-small{font-size:0.55em;}
.x-small{font-size:0.60em;}
.small{font-size:0.80em;}
.medium{font-size:1em;}
.large{font-size:1.20em;}
.x-large{font-size:1.55em;}
.xx-large{font-size:1.80em;}
-->
</style>

con internet explorer 6 mi funziona come dovrebbe perche' con firefox no ! quest'ultimo cambia la dimensione ma non prende il carattere. dove sbaglio ?
sclerato

**keratox** · 29-11-2004, 15:01

Non sono sicuro di quel che dico, ma puo' darsi che per risolvere sia necessario fare:

.xx-small p{font-size:0.55em;}
.x-small p{font-size:0.60em;}
.small p{font-size:0.80em;}
.medium p{font-size:1em;}
.large p{font-size:1.20em;}
.x-large p{font-size:1.55em;}
.xx-large p{font-size:1.80em;}

**Sclerato** · 29-11-2004, 16:40

in effetti non risolve neanche cosi', va specificato il font-family in ognuno altrimenti tiene quello che vuole e non quello assegnato al body....
se qualcuno sa qualcosa...

**Mich_** · 29-11-2004, 16:49

In teoria il font dovrebbe essere ereditato da tutti i figli, ma prova a scriverlo esplicitamente:
.xx-small{ font: inherit; }

**Sclerato** · 29-11-2004, 17:08

nulla, sempre uguale...

**Mich_** · 29-11-2004, 17:36

A questo punto sospetto un errore da qualche parte.
Non e` che e` possibile vedere la pagina (e` pubblicata da qualche parte)?

**Sclerato** · 29-11-2004, 18:43

la pagina e' tutta li...come sopra... non c'e' niente di particolare...

**Mich_** · 29-11-2004, 19:23

Ma nel file del CSS, ci sono i tag HTML?
Devi toglierli, altrimenti il file non viene letto!!!

**bagu** · 29-11-2004, 19:36

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">

</style>
</head>

<body>
<div class="xx-small">

prova paragrafo</p></div>
<div class="x-small">

prova paragrafo</p></div>
<div class="small">

prova paragrafo</p></div>
<div class="medium">

prova paragrafo</p></div>
<div class="large">

prova paragrafo</p></div>
<div class="x-large">

prova paragrafo</p></div>
<div class="xx-large">

prova paragrafo</p></div>
</body>
</html>

così va, controlla i collegamenti con il css
ciao paolo

Discussione: body e proprieta' css

Strumenti discussione

Ricerca discussione

Visualizza

body e proprieta' css

Permessi di invio