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.175
13
38
45
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
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
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 11
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
R problema con else PHP 0
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

Discussioni simili