-
problemi CSS con XHTML
Buongiorno,
sto iniziando ad utilizzare l'XHTML ma non riesco a capire perché lo sfondo non esce verde pur avendolo impostato nel foglio di stile CSS. Qui di seguito copio l'XHTML della pagina di prova + il foglio di stile:
XHTML:
Codice HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<head>
<title>MIO TITOLO</title>
<link rel="stylesheet" type="text/css" media="all" href="stile.css" />
</head>
<body>
<h1>Benvenuto!</h1>
<p>Questo è il mondo di XHMTL!</p>
</body>
</html>
Mentre il CSS:
Codice HTML:
<style type="text/css">
html, body{
margin-left: .0cm;
margin-right: .0cm;
margin-top: .0cm;
margin-bottom: .0cm;
color: red;
font-family: Verdana, Arial, sans-serif;
font-size: 10pt;
[B]background-color: green;[/B] align: center;
}
</style>
come mai?
-
Quei cosa sono?
Riscrivi così:
Codice:
html, body{
margin-left: .0cm;
margin-right: .0cm;
margin-top: .0cm;
margin-bottom: .0cm;
color: red;
font-family: Verdana, Arial, sans-serif;
font-size: 10pt;
background-color: green;
align: center;
}
Se dovessi avere ancora problemi, posta il link d'esempio di una pagina contenente questo codice.
-
guarda non avevo inserito i forse i moderatori nel formattare meglio il codice hanno innavertitamente messo tutto ciò. quindi il problema permane... :idea:
-
Io ho provato questo codice sia con IE che con Firefox, se posti il link di una pagina con questo codice, si potrebbe trovare il problema.
-
ok allora ho caricato la pagina al seguente link:
http://saperegenerale.altervista.org...ito/index.html
e il css qui:
http://saperegenerale.altervista.org...sito/stile.css
i problemi sono:
il body non è verde pur avendo caricato verde nel css
la pagina con explorer è a sx mentre esce impostata correttamente con Mozilla Firefox, e Opera.
Con explorer il bordo marroncino è corretto, con opera e mozilla nella parte sx sbora molto a dx superando la zona colorata di rosso...
come mai tutte queste imperfezioni nonostante il W3C mi approva la pagina?
-
Entra nel file .css ed elimina la prima e l'ultima riga, ovvero il tag di apertura e di chiusura di <style>.
Quindi cancella:
Codice HTML:
<style type="text/css">
e
Ho fatto delle prove e dovrebbe sistemare tutti i problemi che riscontri.
Un'altra cosa.
Il file .css non è validato: http://jigsaw.w3.org/css-validator/v...ning=1&lang=it
Oltre a cancellare i tag <style>, devi cancellare align:center; che si trova qui:
Codice:
html, body{
margin-left: .0cm;
margin-right: .0cm;
margin-top: .0cm;
margin-bottom: .0cm;
color: red;
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 10pt;
background-color: green;
align: center;
}
-
ok, facendo esattamente quello che hai detto tu il body diventa verde, ed esce sempre tutto centrato sia con explorer che con mozilla ed opera. Resta ancora però il problema del bordo marroncino che viene visualizzato correttamente solo con explorer....
hai altri suggerimenti?
inoltre dove posso trovare le regole del W3C per il CSS? (cancellando quello che hai detto, la pagina .css viene validata)
-
