Problema compatibilità con i browser

pinaz

Nuovo Utente
15 Nov 2006
20
0
0
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
 

pinaz

Nuovo Utente
15 Nov 2006
20
0
0
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

Nuovo Utente
15 Nov 2006
20
0
0
Si si serve ancora grazie. Se hai altri modi di fare la stessa cosa senza incompatibilità con nessun browser ben venga.
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
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

Nuovo Utente
15 Nov 2006
20
0
0
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
asevenx Problema compatibilità browser con @media screen HTML e CSS 2
asevenx problema barra menu e compatibilità browser WordPress 6
T Problema compatibilità browser HTML e CSS 6
P Problema compatibilità Internet Explorer HTML e CSS 1
I Problema compatibilità CSS HTML e CSS 1
A IE 8 problema visualizzazione e compatibilità Javascript 0
danlupo Problema Layout Compatibilità HTML e CSS 6
D Problema compatibilità browser HTML e CSS 2
M Problema "grandezza" link e compatibilità IE: HELP! HTML e CSS 4
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 1
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
H problema carrello woocommerce PHP 2
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
M Problema su query JOIN in tre tabelle PHP 0
S Problema esportazione tabelle Mysql in Excel PHP 0

Discussioni simili