IE non vede css, background-color

**popocat85** · 30-08-2010, 22:23

Ciao a tutti, ho cercato ma non sono riuscita a trovare qualcosa che mi chiarischa le idee...
Ho un sito ma non riesco a vedere lo sfondo con IE (solo con IE

) ho mac, supportata da un pc solo ora che è in fase "definitiva" mi sono accorta di questo problema.
metto il codice di cosa? Il css? il link alle pagine?
ho controllato nel css c'è il background-color (anche perchè Firefox, Opera e Safari lo vedono). Aiutooo

Per ora metto l'head dell'home

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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Imperiali Costruzioni - Home</title>
<style type="text/css">
<!--
-->
</style>
<link href="css/master2.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.imperialicostruzioni.it/immagini/favicon.ico">
</head>

**furbostandby** · 30-08-2010, 22:26

Devi postare anche il CSS, e forse riusciremo da aiutarti.

**popocat85** · 30-08-2010, 23:32

ok eccolo

codice:

@charset "UTF-8";
#tutto {
	width: 770px;
	margin-left: 20%;
	margin-right: 20%;
	position: relative;
	color: #00275B;
	background-color: #F7A418;
}
#corpo {
	background-color: #FFF;
	height: 100%;
	width: 770px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #00275B;
	text-align: justify;
}
.menu {
	font-size: 12px;
	color: #00275B;
	background-image: url(../immagini/linguetta_menu_d.png);
	width: 150px;
	height: 216px;
	background-position: left top;
	vertical-align: text-bottom;
	text-align: left;
	style="position:absolute;
	visibility:show;
	left:0px;
	top:0px;
	padding-left: 10px;
	margin-right: 10px;
}
#gallery {
	width: 530px;
}
body,td,th {
	color: #00275B;
}
.linguetta {
	font-size: 11px;
	color: #FFF;
	background-image: url(../immagini/linguetta.png);
	text-align: center;
	line-height: 20px;
}
.a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #00275B;
	background-color: #F7A418;
}
.titolo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #00275B;
}
.grassetto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	color: #00275B;
}
ul {
	text-align: left;
}
#intestazione {
	height: 140px;
	width: 770px;
	background-color: #F7A418;
}
body {
	background-color: #F7A418;
	color: #00275B;
	text-decoration: none;
}
a:link {
	color: #00275B;
	text-decoration: none;
	text-align: left;
}
a:visited {
	text-decoration: none;
	color: #4F85B4;
	text-align: right;
	background-color: #F7A418;
}
a:hover {
	text-decoration: none;
	color: #4F85B4;
	height: 20px;
	width: 170px;
	background-color: #F7A418;
}
a:active {
	text-decoration: none;
	color: #00275B;
	text-align: center;
	background-color: #F7A418;
}

**furbostandby** · 31-08-2010, 09:35

E qual'è che non funziona?

Potresti evidenziarlo?

**ResianTaxidrive** · 31-08-2010, 10:11

non ho ben capito: stiamo parlando del IE di mac?

**popocat85** · 31-08-2010, 11:31

Eccomi, scusate non mi sono spiegata bene... il sito dovrebbe avere uno sfondo di colore arancione che con IE vede solo (dopo vari tentativi) nei bordi arrotondati della tabella #tutto ma non nel resto dello spazio vuoto dell'html... IE lo uso su un pc... credo che la parte che interessa il mio problema sia qui.

codice:

#tutto {
	width: 770px;
	margin-left: 20%;
	margin-right: 20%;
	position: relative;
	color: #00275B;
	background-color: #F7A418;}

ho anche notato che non riesce a vedere una png blu, anche se percorso e nome sono corretti, potrebbe essere lo stesso problema? (la parte del codice css incrimano è sotto)

codice:

.linguetta {
	font-size: 11px;
	color: #FFF;
	background-image: url(../immagini/linguetta.png);
	text-align: center;
	line-height: 20px;
}

scusate ancora per le mie imprecisioni

**ResianTaxidrive** · 31-08-2010, 11:52

ci sono degli errori nel codice che credo scazzino il tutto.

Correggi tramite il validatore

http://validator.w3.org/check?verbos...truzioni.it%2F

**popocat85** · 31-08-2010, 15:20

Avevo controllato ma non pensavo fosse quello pensavo già di correggerli, a questo punto ci provo subitissimo e vi faccio sapere, grazie mille a tutti

**popocat85** · 01-09-2010, 17:28

Non riesco a eliminare tutti gli errori indicati dal validatore w3 (da 11 sono passata a 7)

non capisco perchè chiede mi mettere le > quando in realtà nel codice ci sono, spesso mi chiede di scrivere /> poi invece solo > per lo stesso codice, forse non capisco cosa devo correggere.
Per superare il problema ho provato a inserire il colore di sfondo anche nel file html (home.html) ma non funziona ancora, per dì più mi sono munita di un emulatore di browser e con lui in IE lo vede bene T__T
che possibilità ho per far comparire lo sfondo?

**ResianTaxidrive** · 01-09-2010, 17:40

allora per quanto riguarda il primo errore, xhtml richiede che i tag vengano chiusi con />, quindi

[img]immagini/home.png[/img]

diventa

[img]immagini/home.png[/img][/B]

poi alla linea 28 non c'è il tag di chiusura di

poi hai definito più volte l'id corpo anzichè una sola volta

Discussione: IE non vede css, background-color

Strumenti discussione

Ricerca discussione

Visualizza

IE non vede css, background-color

ok non mi ero accorta della risposta

scusate

Solo quello???

non riesco a eliminare gli errori indicati dal validatore

Permessi di invio