interpretazione fire fox

**DAVIDE32** · 06-07-2009, 20:51

con firefox non vengono interpretati bene i tag div e le sue relative dimensioni e in piu' non viene messo lo sfondo nell'ultimo contenitore da me creato;oltre a cio' vorrei spostare le scritte leggermente piu' in basso senza toccare i contenitori ma col tag
non rieco a fare cio'..non prendetemi in giro sono alle prime armi ho studiato e sto realizzando il mio sito ma penso che sia l'esperienza che insegna per ora mi blocco sempre causa sciocchezze per voi e problemi per me

;
grazie in anticipo i vs consigli sono sempre ben accetti ho scelto voi per imparare bene.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<style type="text/css">

.testata {border:black solid thin;
margin-top: 0px ;
background-color: white;
height: 20%;
width: 100%;
border-top: white;
border-left: white;
border-right: white;
text-align: center;

}
.link {height: 18%;
width: 100%;
background-color: #f4c525;
border: black solid thin;
margin-top: 0%;
border-top: white;
border-right: white;
border-left: white;

}
.titoli {margin-top: 12,5%;
background-color: #ffcc66;
width: 100%;
height: 50%;
text-align: center;
font-size: 2pt;
padding-top: 10px;

h1,h2,h3 {color: #ff6600;}
table {font-size: 10pt;
color: white;
}

.sfondo {height: 80%;
width: 100%;
background-color: #660033;
}
</style>

</head>
<body style="height: 100%">
<div class="testata"><h2>progettazione in xhtml e css
standard per il web</h2></div>
<div class="link">
<div class="titoli">
<table>
<tr><th align="center" height="20px">AMBIENTE</th><th>CHI SONO</th></tr>

</table>
</div>
</div>
<div class="sfondo">hhh</div>
</body>
</html>

**DAVIDE32** · 07-07-2009, 09:10

Ho sbagliato qualcosa??

**homezappa** · 07-07-2009, 09:22

1) DOCTYPE errato (ne manca un pezzo!)
2) Manca la graffa di chiusura della classe .titoli nel css
3) hai scritto la virgola invece del punto decimale nel margin-top della classe .titoli

Codice corretto:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.testata { border:black solid thin;
    margin-top: 0px ;
    background-color: white;
    height: 20%;
    width: 100%;
    border-top: white;
    border-left: white;
    border-right: white;
    text-align: center;
}
.link { height: 18%;
    width: 100%;
    background-color: #f4c525;
    border: black solid thin;
    margin-top: 0%;
    border-top: white;
    border-right: white;
    border-left: white;
}
.titoli { margin-top: 12.5%;
    background-color: #ffcc66;
    width: 100%;
    height: 50%;
    text-align: center;
    font-size: 2pt;
    padding-top: 10px;
}
h1,h2,h3 {color: #ff6600;}
table { font-size: 10pt;
    color: white;
}
.sfondo { height: 80%;
    width: 100%;
    background-color: #660033;
}
</style>

</head>
<body style="height: 100%">
<div class="testata"><h2>progettazione in xhtml e css
standard per il web</h2></div>
<div class="link">
<div class="titoli">
<table>
<tr><th align="center" height="20px">AMBIENTE</th><th>CHI SONO</th></tr>

</table>
</div>
</div>
<div class="sfondo">hhh</div>
</body>
</html>

Ricordati sempre di mettere fra i tag [code] e [/code] il codice! (oppure premi il pulsantino [#])

HTH
Zappa

**DAVIDE32** · 07-07-2009, 10:41

allora:
scusa la mia ignoranza in materia,ma vorrei capire una cosa in firefox che e' il browser con regole piu' rigide di I.E. quando si costruiscono i contenitori conviene usare le% o o i px?
voi come fate per avere misure reali cio e' che rispondono bene al codice digitato?

Discussione: interpretazione fire fox

Strumenti discussione

Ricerca discussione

Visualizza

interpretazione fire fox

Permessi di invio