Problema compatibilità con i browser

pinaz · 5 Mar 2008

Ciao a tutti sono nuovo in questo Forum.
Ho 25 anni ed è da poco che mi sono avvicinato al mondo del web ma devo dire mi piace un sacco.

Sto creando un sito con xhtml e css, volevo fare un rollover disgiunto con i css per ovviare a problemi di compatibilità con i browser ed ho creato questa cosa

HTML:

http://www.doc-pc.it/xx/home.html

.

con firefox tutto ok

con ie7 tutto ok a parte che l' immagine dello sfondo del Body rimane sopra elle altre e io vorrei cacciarla sotto

con ie6 non si vede una mazza

Poi vorrei il menu restasse fisso e non si spostasse sotto....

Qualcuno sa come risolvere?

Grazie

lukeonweb · 5 Mar 2008

Ciao, io inizierei a postare un po di codice per permetterci di aiutarti

Comunque il menu sparisce anche con FF.

pinaz · 5 Mar 2008

Grazie della risposta, posto il codice

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">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#323338">
<div id="container">
  	<div id="header"></div>
    <div id="menu_2">
				<a href="http:\\www.google.it" title="Allestimenti">
HOME<span>

<img src="home.jpg" /></span></a> - <a href="http:\\www.google.it" title="Allestimenti">
AZIENDA<span>
<img src="home1.jpg" /></span></a> - <a href="http:\\www.google.it" title="Allestimenti">
PRODOTTI<span>
<img src="home.jpg" /></span></a> - <a href="http:\\www.google.it" title="Allestimenti">
DOVE SIAMO<span>
<img src="home.jpg" /></span></a> - <a href="http:\\www.google.it" title="Allestimenti">

CONTATTI<span>
<img src="home.jpg" /></span></a>	</div>
   
		<div id="body">
			</div>
</div>
</body>
</html>

e questo è il css

Codice:

#container {
	margin: auto;
	text-align: left;
	width: 800px;
	height: 430px;
}
#header {
	left: 518px;
	width: 254px;
	height: 35px;
	top: 33px;
	background-image: url(logo.jpg);
	margin-top: 15px;
	margin-left: 500px;
}
#menu_2 {
	width: 558px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 23px;
	color: #FFFFFF;
	margin-left: 15px;
	display:block;
}
#body {
	width: 750px;
	height: 314px;
	border: 2px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-image: url(logo_body.jpg);
}
#menu_2 a span {
display: none;
}

#menu_2 a:hover span {
	width: 750px;
	margin: 0;
	padding:0px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	z-index: 100;
	text-decoration: none;
	color: #FFFFFF;
}
a{
	padding:0;
	text-decoration:none;
	color:#FFFFFF;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

Qual' e il problema?

pinaz · 5 Mar 2008

Sparito

lukeonweb · 5 Mar 2008

Ciao, scusami: cosa è sparito? Il problema o io?

Io continuo a vederlo... (il problema). Sere ancora una mano???

Fammi sapere!

pinaz · 5 Mar 2008

Si si serve ancora grazie. Se hai altri modi di fare la stessa cosa senza incompatibilità con nessun browser ben venga.

pinaz · 6 Mar 2008

Up Up Up Up Up Up Up

lukeonweb · 6 Mar 2008

Fammi capire una cosa, perchè usi queste immagini nel menu???

<img src="home.jpg" />

Che tra l'altro:

1. non si vedono;

2. non usi alt="" quindi l'XHTML comunque va a farsi friggere.

pinaz · 7 Mar 2008

Uso queste immagini per creare un rollover disgiunto con i css, l' alt basta metterlo cosi lo valido, il problema e che il menu si muove sia con ff che con ie7 ma con ie 6 non fungia.

Si puo implementare un rllover disgiunto che funzioni e che sia validato?

Grazie per l' aiuto

Cerca

Cerca

Problema compatibilità con i browser

pinaz

Nuovo Utente

lukeonweb

Utente Attivo

pinaz

Nuovo Utente

pinaz

Nuovo Utente

lukeonweb

Utente Attivo

pinaz

Nuovo Utente

pinaz

Nuovo Utente

lukeonweb

Utente Attivo

pinaz

Nuovo Utente

Discussioni simili