(Aiutatemi a non mollare subito) Problema background color

**Vincenzo Raffa** · 17-03-2007, 21:27

Salve a tutti,
dopo anni mi sto decidendo ad abbandonare le tabelle e mi sto imbattendo subito nei primi problemi. Avere già problemi in cose banali mi fa passare sinceramente la voglia di continuare.

codice:

<style type="text/css">
body {
	font-family: Tahoma;
	color: #000000;
	background-color:#C0C0C0;
	margin:0px 0px 0px 0px;
	text-align: center;
}
#container {
	width: 800px;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0 auto;
}
#sinistra {
	width: 160px;
	margin-left: 16px;
	height: 100px;
	float: left;
}
#destra {
	width: 600px;
	height: 100px;
	margin-right: 16px;
	float: right;
}
</style>
<body>
<div id="container">
	<div id="sinistra">d

	</div>
	<div id="destra">s

	</div>
</div>
</body>

Questo è il codice che ho appena finito di scrivere per realizzare una pagina con un corpo diviso in due spazi. Lo sfondo della pagina deve essere del colore di body, mentre il corpo bianco. Già questo mi fa sbattere la testa al muro

...su ie funziona, su firefox no.
Qua ci sta la pagina: http://www.messinasportiva.it/index3.php
Il sito che devo trasformare è quello che si vede nell'index normale...e sinceramente la vedo dura se già ho problemi di questo genere...più che altro perchè non mi va di sbatterci la testa e smadonnare...già lo faccio per script ed altro.

Tnx a tutti...ciao!

**salvox150** · 17-03-2007, 21:50

Non so del perchè ci sia questa differenza fra i browser, ma con il colore risolvi facilmente:

o con:

codice:

div
{
  background-color: #FFFFFF;
}

oppure mettendo il background-color nei singoli #sinistra e #destra

Io comunque ho notato anche un problema di allineamento su FF lo vedo tutto a sinistra (questi problemi saranno dovuti al margin)

**Vincenzo Raffa** · 17-03-2007, 22:10

Originariamente inviato da salvox150
Non so del perchè ci sia questa differenza fra i browser, ma con il colore risolvi facilmente:

o con:

codice:

div
{
  background-color: #FFFFFF;
}

oppure mettendo il background-color nei singoli #sinistra e #destra

Io comunque ho notato anche un problema di allineamento su FF lo vedo tutto a sinistra (questi problemi saranno dovuti al margin)

Non mi va manco con quel codice

Non metto il colore su sinistra e destra perchè voglio che anche il margin abbia lo sfondo bianco. Ora ho messo dei colori a caso e lì funziona. Ma ripeto, voglio che si veda bianco lo sfondo del container soprattutto per i margin.
PS: io su FF lo vedo centrato come su IE

**salvox150** · 17-03-2007, 23:17

Ho fatto alcune prove e hp notato che aggiungendo

codice:

	height:100px;
	position:relative;

al #container funziona anche su FF.

Probabilmente vuole che il contenitore sia dimensionato...

Sull'allineamento avevi ragione è centrato!

La classe

codice:

div
{
  background-color: #FFFFFF;
}

che ti avevo fatto inserire puoi rimuoverla, non serve.

**Vincenzo Raffa** · 18-03-2007, 05:46

Tnx 1000 ora va

...ed io vado a letto con un paio di negroni in corpo

Discussione: (Aiutatemi a non mollare subito) Problema background color

Strumenti discussione

Ricerca discussione

Visualizza

(Aiutatemi a non mollare subito) Problema background color

Permessi di invio