Ciao, ho realizzato un sito basandomi su FireFox per l'impaginazione.
Però sia su FireFox che su IE non funziona il link "home" per gli ultimi 3 link del menu (galleria, ritoccate e varie) e non riesco a capire il perchè dato che è scritto uguale anche nelle altre pagine dove funziona.
Avete un'idea del perchè?
Inoltre ecco si IE mi si spagina il sito, e più precisamente:
1)Il footer e l'header sono troppo a sx.
2)La lista delle voci nel div "menu" è troppo a sx rispetto allo sfondo del menu (che va bene).
3)Mi compare in cima ad ogni pagina il nome del sito inserito nel "title".
4)Non segue bene la risoluzione, si vede una barra di scorrimento sul fondo ad alcune risoluzioni.
Tengo a precisare che il sito ha i bordi frastagliati dunque forse nemmeno il resto è precisissimo.
Posto il codice e vi ringrazio.
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
<title>.::PinkBetta::.</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptacoulus.js"></script>
<script type="text/javascript"src="js/lightbox.js"></script>
<script type="text/javascript" src="js/effects.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css"/>
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
- <h5>Menù</h5>
- Home
<h4>Acquario</h4>- Descrizione
- Video
- Galleria Foto
<h4>Fotografie</h4>- Ritoccate
- Varie
</div>
<div id="content">
<h3>Galleria Foto</h3>
Una piccola rassegna delle foto di alcuni dei miei pesci. Cliccando sopra
la foto potrete vederla ingrandita</p>
<div id="gallery">
<a href="varieimg/bettone2.jpg"rel="lightbox">
[img]varieimg/bettone2m.gif[/img]</a>
<a href="varieimg/bettone4g.jpg"rel="lightbox">
[img]varieimg/betta3.gif[/img]</a>
<a href="varieimg/bettoneg.jpg"rel="lightbox">
[img]varieimg/betta4.gif[/img]</a>
<a href="varieimg/bettasug.jpg"rel="lightbox">
[img]varieimg/betta.gif[/img]</a>
<a href="varieimg/coryg.jpg"rel="lightbox">
[img]varieimg/cory.gif[/img]</a>
<a href="varieimg/cardinaleg.jpg"rel="lightbox">
[img]varieimg/cardinale.gif[/img]</a>
<a href="varieimg/accetta2g.jpg"rel="lightbox">
[img]varieimg/accetta.gif[/img]</a>
<a href="varieimg/accettag.jpg"rel="lightbox">
[img]varieimg/accetta3.gif[/img]</a>
<a href="varieimg/lungog.jpg"rel="lightbox">
[img]varieimg/lungo.gif[/img]</a>
<a href="varieimg/clithong.jpg"rel="lightbox">
[img]varieimg/clithon.gif[/img]</a>
</div>
<h3>Vai a pagina 2</h3>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
CSS
/*Css Document - Design by PinkBetta*/
body {
font-family:Times New Roman, Verdana;
margin:0px;
background-image:url(varieimg/muro.jpg);
}
h3 {
text-align:center;
font-style:italic;
}
h4 {
text-align:left;
padding:0px 0px;
font-size:15px;
line-height:1px;
font-style:italic;
}
h5 {
text-align:left;
padding:0px 0px;
font-size:16px;
line-height:1px;
font-style:italic;
text-decoration:underline;
}
p {
text-align:left;
}
#header {
background-image:url(varieimg/header2.gif);
width:1026px;
height:200px;
background-repeat:no-repeat;
background-position:center;
margin:0px 0px 0px 130px;
}
#menu {
background-image:url(varieimg/menu.gif);
width:230px;
height:322px;
float:left;
margin:0px 0px 0px 30px;
}
#menu ol {
list-style-type:none;
margin:40px 0px 0px 0px;
font-weight:bold;
}
#menu ol li {
margin:0px 0px 0px 20px;
}
#menu ol li a{
text-decoration:none;
color:8E0761;
}
#menu a:hover {
text-decoration:none;
color:white;
}
#menuacqua ul li {
text-decoration:none;
color:black;
}
#content {
overflow:auto;
width:760px;
height:auto;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 0px;
background-image:url(varieimg/back.gif);
background-repeat:repeat-y;
}
#gallery {
text-align:center;
}
#footer {
background-image:url(varieimg/footer.gif);
width:700px;
height:29px;
clear:both;
margin:0px 0px 0px 300px;
}
Rispondi quotando
