ramino008
15-12-2009, 18:13
C'è una cosa che non riesco a capire, stò usando un foglio di stile unico per opera, chrome, ff e via dicendo e un altro per internet explorer 6(da fargli digerire tramite i commenti condizionali).
Il mio problema è che il foglio di stile principale chiamato "grafica" va a sovrappore anche gli elementi presenti in "graficaIE" come se avesse una priorità. Faccio un esempio concreto in maniera da essere più chiaro:
*ipotizzando di aver creato la pagina html e dentro body aver usato il comando "div" per dividere le varie sezioni*
css-grafica: body colore rosso, header "logo.jpg"
css-graficaIE: body colore blu, header giallo
Qnado visualizzo in IE 6, ho il "body" blu e l'hader "logo", come se il div accettasse solo il primo foglio di stile (stranamente se uso un colore al posto del logo funziona).
Posto il codice sperando che possiate aiutarmi a capire perchè si verifica questa cosa(ps nel codice i colori non sono quelli dell'esempio :D )
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Benvenuti nel sito della Parrocchia "Sacro Cuore" in Tortoreto Lido</title>
<link href="grafica.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="graficaIE.css" media="screen" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="#nogo">Home Page</a>
</li>
*va avanti con il menù e le altre sezioni e i tag di chiusura*
GRAFICA:
div#container{
width: 1024px;
margin: auto;
text-align: left;
background-color: #C0C0C0;
}
div#header{
background: url('Risorse/logo.jpg');
height: 124px;
}
GRAFICAIE:
div#container{
width:1024px;
margin:auto;
text-align:left;
background-color:#FF0000;
}
div#header{
height: 124px;
background-color: #FF00FF;
}
Ragazzi confido in voi :mc:
Ps: scusate anche la lunghezza del post:D
EDIT: risolto, essendo pirla, non avevo pensato di definire le stesse proprietà fra i fogli di stile diciamo :D
Il mio problema è che il foglio di stile principale chiamato "grafica" va a sovrappore anche gli elementi presenti in "graficaIE" come se avesse una priorità. Faccio un esempio concreto in maniera da essere più chiaro:
*ipotizzando di aver creato la pagina html e dentro body aver usato il comando "div" per dividere le varie sezioni*
css-grafica: body colore rosso, header "logo.jpg"
css-graficaIE: body colore blu, header giallo
Qnado visualizzo in IE 6, ho il "body" blu e l'hader "logo", come se il div accettasse solo il primo foglio di stile (stranamente se uso un colore al posto del logo funziona).
Posto il codice sperando che possiate aiutarmi a capire perchè si verifica questa cosa(ps nel codice i colori non sono quelli dell'esempio :D )
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Benvenuti nel sito della Parrocchia "Sacro Cuore" in Tortoreto Lido</title>
<link href="grafica.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="graficaIE.css" media="screen" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="#nogo">Home Page</a>
</li>
*va avanti con il menù e le altre sezioni e i tag di chiusura*
GRAFICA:
div#container{
width: 1024px;
margin: auto;
text-align: left;
background-color: #C0C0C0;
}
div#header{
background: url('Risorse/logo.jpg');
height: 124px;
}
GRAFICAIE:
div#container{
width:1024px;
margin:auto;
text-align:left;
background-color:#FF0000;
}
div#header{
height: 124px;
background-color: #FF00FF;
}
Ragazzi confido in voi :mc:
Ps: scusate anche la lunghezza del post:D
EDIT: risolto, essendo pirla, non avevo pensato di definire le stesse proprietà fra i fogli di stile diciamo :D