[info]ie 6......

**Another-Life** · 07-09-2006, 15:53

Codice Xhtml:

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" xml:lang="en" lang="en">
<head>
<title>Personal Example</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../CSS/Main_Layout.css" />
<!--[if IE]>
		
		<link rel="stylesheet" type="text/css" href="../CSS/Layout(IE).css" />
		
<![endif]-->	
</head>

<body>
	
	<div id="Container">
		
		<div class="Header">
			
			[img]../IMAGES/JPG/Header.jpg[/img]
		
		</div>
			
		<div class="Navigation_Menu">
			[img]../IMAGES/JPG/Navigation_Menu7.jpg[/img]
			
		</div>
		
		<div class="Content">
				
				<div class="Content_News">
	
				
				</div>
		
		</div>
		
		<div class="Footer">
		
			[img]../IMAGES/JPG/Footer.jpg[/img]
			<p class="Copyright">Copyright ©2006 <span>ANIME VISION</span> all rights reserved | by Another-Life</p>
			
		</div>
	
	</div>

</body>
</html>

Codice Css:

codice:

html,body{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #e3e2e0 /*url(../IMAGES/JPG/test.jpg) repeat-y  top center*/;
}

/***** CONTAINER *****/
#Container{
	position: relative;
	width: 764px;
	height: 100%;
	margin: 0 auto;
}
/***** FINE CONTAINER *****/

/***** HEADER *****/
.Header{
	width: 764px;
	height: 160px;
	margin: 0;
	padding: 0;
}
/***** FINE HEADER *****/

/***** NAVIGATION_MENU *****/
.Navigation_Menu{
	height: 41px;
	width: 764px;
	margin: 0 0 1px;
	padding: 0;
	/*border-bottom-style: ridge;
	border-bottom-color: #747474;
	border-bottom-width: 1px;*/
}
/***** FINE NAVIGATION_MENU *****/

/***** CONTENT *****/
.Content{
	width: 764px;
	height: 1050px;
	margin: 0;
	padding: 0;
	background-color: #f7f7f7;	
}
/****** FINE CONTENT *****/

/***** FOOTER *****/
.Footer{
	margin: 0;
	padding: 0;
	width: 764px;
	height: 34px;
	/*border-top-style: ridge;
	border-top-color: #747474;
	border-top-width: 1px;*/
}
.Copyright{
	color: #fff;
	font-weight: bold;
	position: absolute;
	padding-bottom: 11px;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
}
span{
	font-family: Aharoni;
	color: silver;
	font-weight: bold; 
}

/*****FINE FOOTER ****/

Ho riscontrato alcuni problemi.Vedo di esporli uno per volta per non creare confusione.

Con opera il testo contenuto nella classe .Copyright ha un background grigio,e nel codice Css non ho dichiarato nulla di simile,come posso risolvere questo bug??

p.s: Con firefox non vi è alcun errore^^

**Another-Life** · 07-09-2006, 16:34

Capisco che magari sia lungo dover leggere entrambi i codici e trovare il problema ma piu che altro credo sia un bug di opera che un errore di codice.Quindi pls dateci uno sguardo,grazie ancora^^

**panta1978** · 07-09-2006, 17:08

Originariamente inviato da Another-Life
Capisco che magari sia lungo dover leggere entrambi i codici e trovare il problema ma piu che altro credo sia un bug di opera che un errore di codice.Quindi pls dateci uno sguardo,grazie ancora^^

Specifica il background che vuoi e dovresti essere a posto.

codice:

.Copyright{
	color: #fff;
	font-weight: bold;
	position: absolute;
	padding-bottom: 11px;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
        background-color:(quello che vuoi tu)
}

Ciao ciao.

**Another-Life** · 07-09-2006, 18:13

Purtroppo il footer ha un immagine di background con sfumatura quindi non andrebbe bene...qualche altra soluzione?

**Another-Life** · 07-09-2006, 18:45

Facendo delle prove ho notato una cosa strana.

Come mai opera assegna automaticamente al testo il background-color dichiarato agli elementi html,body solamente nel caso in cui al di sotto vi sia un immagine di background con sfumatura??Spero che qualcuno sappia la risposta

**Another-Life** · 08-09-2006, 10:08

up

**Another-Life** · 08-09-2006, 15:03

Se non avete capito il problema,perfavore non esitate a chiedere ulteriori spiegazione o screenshots da postare.

**thomas_anderson** · 08-09-2006, 19:27

E' normale. il valore di default dello sfondo è 'transparent', quindi è logico che il tuo footer faccia vedere (#e3e2e0 è grigino, mi pare

) lo sfondo del contenitore, che a sua volta eredita da body (il grigino). A questo punto o dichiari:

codice:

#footer {background: transparent url(sfondo.gif) no-repeat 0 0;}

oppure dichiari un colore e l'immagine. se l'immagine ha le stesse dimensioni dell'elemento footer, lo copre tutto, quindi attenzione alle dimensioni.

**Another-Life** · 08-09-2006, 20:39

L'immagine di background l'avevo inserita nel documento Xhtml tramite il tag<img></img>....adesso l'ho dichiarata direttamente nel css quindi ho risolto il problema.Tuttavia mi sorge una curiosita:

Come mai,se di default lo sfondo di un elemento è trasparente Firefox visualizza correttamente lo sfondo sul selettore .Footer che avevo dichiarato solamente nel documento Xhtml a differenza di Opera??

Discussione: [info]ie 6......

Strumenti discussione

Ricerca discussione

Visualizza

[info]IE 6......

Permessi di invio