differenze tra browser

**danieledep** · 25-06-2012, 18:03

salve a tutti ho un problemone con un piccolo sito che ho fatto per un mio amico.. il problema sta nel posizionamento dei link, le cui coordinate sono salvate nel file.css
con chrome e safari sono posizionati giusti, con firefox e ie invece vengono posizionati sotto l'immagine di sfondo..

questo è il body:

codice:

<body> [img]img/HOME.jpg[/img] 
 

  
 
</body> </html>

queste sono le caratteristiche dei link nel file css, che più o meno sono simili anche per gli altri link:

codice:

#linkhome 
{ margin: 0; 
position:absolute; 
width:36.1%; 
height:29.5%; 
margin-left:7.6%; 
margin-top:10.1%; 
z-index:6; }

qualcuno può darmi una mano?

**Prill** · 25-06-2012, 18:38

Perché inserire i link con posizionamento assoluto? e perché non inserire l'immagine effettivamente come sfondo?

**danieledep** · 26-06-2012, 09:55

non so così mi funzionava mentre lo scrivevo in dreamweaver, e anche mentre lo testavo con chrome..
cosa mi consigli di cambiare?

**Prill** · 26-06-2012, 14:33

Esempio

codice:

css

body {
background-image:url(img/HOME.jpg);
background-repeat: no-repeat;
}
#menu {
width:600px;
height:25px;
margin:0 auto;
}
#menu a {
display:block; 
width:25%; /* se i link sono 4 */
height:25px;
float:left;
text-align:center;
}

html

<body>
<div id="menu"> 
  link1
  link2
  link3
  link4
</div>
</body>
</html>

ulteriore passo potrebbe essere inserire il menu in un elenco e ogni link in una voce elenco

**danieledep** · 26-06-2012, 14:53

grazie, proverò!

Discussione: differenze tra browser

Strumenti discussione

Ricerca discussione

Visualizza

differenze tra browser

Permessi di invio