problemi con background-color

**scura** · 25-01-2007, 11:46

salve a tutti

sto impazzendo con discorso background-color in più casi... ne riporto uno che proprio non si risolve:

#inVetrina h2{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
display:block;
padding:2px;
border:1px solid #ffffff;
background-color:#384651;
color:#FFFFFF;}

in questo caso ad esempio con IE non vedo lo sfondo blu scuro dell'h2 il color viene letto, mentre invece con firefox è tutto a posto. la validazione del css va a buon fine...

help

**pikkio74** · 25-01-2007, 12:08

Il css funziona correttamente sia su IE che su FF.
Controlla se c'è qualche definizione sul div "invetrina" che abbia più peso, oppure qualche altra definizione per h2.

Ho provato questo in locale e funziona su tutti e due i browser:

codice:

<style type="text/css">
#inVetrina h2{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	display:block; 
	padding:2px; 
	border:1px solid #ffffff; 
	background-color:#384651; 
	color:#FFFFFF;
}
</style>

<div id="invetrina">
<h2>Prova Testo</h2>
</div>

**ricman** · 25-01-2007, 12:47

Originariamente inviato da pikkio74
<div id="invetrina">

Segno di rosso l'errore!
FF è case sensitive e inVetrina va scritto con la V maiuscola.

**scura** · 25-01-2007, 13:15

si è vero lo avevo notato...comunque che cose da uscire pazzi!!!

non c'è niente da fare, il background non lo vuole in questo caso IE...css validato e anche html validato

**ricman** · 25-01-2007, 13:30

Originariamente inviato da scura
non c'è niente da fare, il background non lo vuole in questo caso IE...css validato e anche html validato

Beh... anche a me funziona... prova copia/incollare questo:

Codice PHP:


<style type="text/css">

#inVetrina h2 {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 14px;

 display: block;

 padding: 2px;

 border: 1px solid red;

 background-color: green;

 color:#fff;

}

</style>







<div id="inVetrina">

kjsldòldk sòkfsòdk sòkf sòdkfsòdlkfslòdkf slòdkf slòdkfslòdò k

<h2>CIAO</h2>



</div>

Mi sa che il problema è il tuo

... siamo già in due a vederlo funzionare.
Qui ho FF IE5.5 IE6.0 IE7 e va su tutti allo stesso modo.

PS: ...il doctype com'è? prova a scriverci il codice x esteso o postare un link...

Ciao

**scura** · 25-01-2007, 14:04

il link non posso metterlo è un sito undercostruction...lo troverebbe google e farei un bel casino dato che è in fase di costruzione , questo è il cosice della pagina

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Immobiliare Title</title>
<meta name="keywords" content="spazio key">
<meta name="description" content="spazio descrizione">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/immobiliare.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenitore">
<div id="header">
<div id="menuHeader">Chi siamo [img]img/grafica/info.gif[/img]Contatti [img]img/grafica/lente.gif[/img]Dove siamo</div>
</div>

<div id="contenuti">
<div class="split2">
<div>
<h2>ULTIMO IMMOBILE INSERITO</h2>
[img]Upload/img/Immobili/foto_immobile.jpg[/img]
<ul class="ultimoInserimento">
[*]Zona
[*]Tipo immobile
[*]Mq
[*]Numero locali
[/list]

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo to bilocale vista lago bilocale vista lago giardino terra ... [dettagli] </p>
</div>
<div>
<h2>IMMOBILI PIÙ VISITATI</h2>
<h3>Gignese</h3>

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo ... [dettagli]</p>

<h3>Stresa</h3>

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo ... [dettagli]</p>
<h3>Verbania</h3>

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo ... [dettagli]</p>

</div>
</div>
<div id="inVetrina">
<h2>IMMOBILI IN VETRINA</h2>
<div class="split2">
<div>
[img]Upload/img/Immobili/foto_immobile.jpg[/img]
<ul class="ultimoInserimento">
[*]Zona
[*]Tipo immobile
[*]Mq
[*]Numero locali
[/list]

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo to bilocale vista lago bilocale vista lago giardino terra ... [dettagli] </p>
</div>

<div>
[img]Upload/img/Immobili/foto_immobile.jpg[/img]
<ul class="ultimoInserimento">
[*]Zona
[*]Tipo immobile
[*]Mq
[*]Numero locali
[/list]

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo to bilocale vista lago bilocale vista lago giardino terra ... [dettagli] </p>
</div>

</div>
<div class="split2">
<div>
[img]Upload/img/Immobili/foto_immobile.jpg[/img]
<ul class="ultimoInserimento">
[*]Zona
[*]Tipo immobile
[*]Mq
[*]Numero locali
[/list]

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo to bilocale vista lago bilocale vista lago giardino terra ... [dettagli] </p>
</div>

<div>
[img]Upload/img/Immobili/foto_immobile.jpg[/img]
<ul class="ultimoInserimento">
[*]Zona
[*]Tipo immobile
[*]Mq
[*]Numero locali
[/list]

Appartamento bilocale vista lago bilocale vista lago giardino terrazzo to bilocale vista lago bilocale vista lago giardino terra ... [dettagli] </p>
</div>

</div>

</div>
</div>

<div id="fasciaDx">
<div id="lingue">
<div align="center">[img]img/grafica/lingue/it.jpg[/img] [img]img/grafica/lingue/uk.jpg[/img] [img]img/grafica/lingue/de.jpg[/img]</div>
</div>
<div id="zone">
[img]img/grafica/qua_bianco.gif[/img] Lago Maggiore
<ul>[*]Stresa[*]Verbania[*]Ghiffa[*]Stresa Stresa[*]Verbania[*]Ghiffa[*]Oggebbio[*]Stresa[*]Verbania[*]Ghiffa[*]Oggebbio[/list]
[img]img/grafica/qua_bianco.gif[/img] Lago d'Orta
<ul>[*]Stresa[*]Verbania[*]Ghiffa[*]Stresa Stresa[*]Verbania[*]Ghiffa[/list]
</div>
</div>

<div id="fasciaSx">
<div id="VendoAffitto">
<h3>VENDITA</h3>
» Appartamenti

» Villini

» Immobili commerciali

» n tipo_Immobile

<hr>
<h3>AFFITTI</h3>
</div>
<div> <h3>RICERCA IMMOBILI</h3> </div>
<div> <h3>LISTA DEI PREFERITI</h3> </div>
<div id="valutazioneImmobili"> <h3>VALUTAZIONE IMMOBILI </h3>

Vorresti vendere la tua casa ?</p>
</div>
<div id="vantaggi"> <h3>VANTAGGI</h3>

Il mandato in esclusiva.</p>

<p align="right">[img]img/grafica/casetta.gif[/img]</p>
</div>
</div>

<div id="ricercaVeloce">
<h4>RICERCA RAPIDA</h4>
Zona <select name="zona"><option >--scegli--</option><option >Lago Maggiore</option><option >Lago d'Orta</option><option >Lago di Lugano</option><option >ecc..</option></select>

Località
<select name="localita"><option >--scegli--</option></select>

Contratto
<select name="contratto"><option>--scegli--</option><option>Vendita</option><option>Affitto</option><option>ecc...</option></select>

Tipo
<select name="select">
<option >--scegli--</option>
<option >Appartamenti</option>
<option >App. vacanza</option>
<option >Villino</option>
<option >ecc...</option>
</select>

Prezzo
<select name="tipo"><option >--scegli--</option><option >Da 10 a 100</option><option >Da 100 a 500</option><option >da 500 a 1000</option><option >ecc...</option></select>

</div>
<div id="footer">

© Agenzia Immobiliare tel.... fax.... ecc... </p>
</div>
</div>

</body>
</html>

**ricman** · 25-01-2007, 16:10

Originariamente inviato da scura
il link non posso metterlo è un sito undercostruction...lo troverebbe google e farei un bel casino dato che è in fase di costruzione , questo è il cosice della pagina
...

Ho copiato il tuo codice (dove mancava il css); ci ho applicato il css visto sopra ed con IE vari e FF vedo questo:

E' sbagliato?

**scura** · 25-01-2007, 16:18

ho risolto inaspettatamente aggiungendo height:20px;

diventa:

div#inVetrina h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; display:block; height:20px; border:1px solid #ffffff; background-color:#384651; color:#FFFFFF;}

grazie a tutti!!!!

Discussione: problemi con background-color

Strumenti discussione

Ricerca discussione

Visualizza

problemi con background-color

Permessi di invio