visualizzazione impazzita

[merycris]

Ciao a tutti!
Spero di scrivere nella sezione adeguata.
Ho un problema con la visualizzazione di questo sito: finchè lo apro con firefox dal mio pc non ci sono problemi, e lo stesso vale per safari, mentre con explorer è un disastro. A parte che non riesco a capire dove possa essere il problema (ho riguardato il codice dell'homepage tutto il giorno e non ho trovato nulla ), il fatto preoccupante è che altre persone non lo vedono "giusto" nè con firefox nè con explorer.. Insomma sembra che il problema sia dovuto non direttamente dal codice ma dall'apparecchio con cui si guarda..

se può essere utile posto il css che ho usato nell'homepage..

grazie mille a chiunque possa darmi un consiglio

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
	max-width:1200px;
	min-width:800px;
	background-color:#FEF8D7;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0 auto;
	height:auto;
}

#wrapper {
	width:100%;
	margin:0 auto;
	height:auto;
}

#content{
	width:60.5%;
	float: left;
	height: 800px;
	background-color: #F5F3E6;
}

#right{
	width:19.5%;
	background-image:url(../right.png);
	background-repeat:repeat-y;
	float: left;
	height:800px;
}

#header {
	width:100%;
	height:103px;
	margin:0 auto;
	clear:both;
	background-color:#F5F3E6;
	background-repeat:no-repeat;
}

#logo {
	width:38%;
	margin:0 auto;
	height:auto;
}

a img {
	border:none;
}

img {
	width:100%;
	margin:auto;
}

.testo {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	color:#580808;
	background:none;
}

.button a:link, a:visited {
	text-decoration:none;
}

.button a:hover {
	text-decoration:underline;
	color:#00F;
}

.button1 a:link, a:visited {
	text-decoration:none;
}

.button1 a:hover {
	text-decoration:underline;
	color:#00F;
}

.button2 a:link, a:visited {
	text-decoration:none;
}

.button2 a:hover {
	text-decoration:underline;
	color:#00F;
}

.button {
	width:25%;
	margin:0 auto;
	text-align:center;
}

.button1 {
	width:25%;
	margin:0 10%;
	text-align:center;
	float:left;
	display:inline;
}

.button2 {
	width:25%;
	margin:0 10%;
	text-align:center;
	float:right;
	display:inline;
}

#centrale{
	width:100%;
	margin:0 auto;
	clear:both;
	height:20%;
}

#gallery {
	width:100%;
	height: 260px;
	float:left;
	margin:156px 0 0 0;
}

#gallery a:link, a:visited {
	width:100%;
	background-image:url(../fotogallery_link.png);
	background-repeat:no-repeat;
	height: 343px;
	float:left;
	padding:0;
	border:0;
	margin:0;
	overflow:hidden;
}

#gallery a:hover, a:active {
	width:100%;
	background-image:url(../fotogalley_hover.png);
	background-repeat:no-repeat;
	height: 343px;
	padding:0;
	border:0;
	float:left;
	margin:0;
	overflow:hidden;

}

#left {
	width:20%;
	height:800px;
	float:left;
	background-image:url(../menu.png);
	background-repeat:repeat-y;
	background-position:top right;
}

.description {
	width:85%;
	margin:0 auto;
	text-align:justify;
	padding-top:20px;
}

[k4osz]

Solo del codice css non ce ne facciamo niente, hai usato anche javascript posta pure quello.

[bionicoz]

Se ti può essere utile con Firefox 7.0.1, Chrome 14 e Safari 5.1 su osx si vede bene. Gli unici errori che vedo sono :
a) la gif di caricamento nella gallery è grossa come tutta la pagina (eredita width:100% dalla riga 73 del tuo stylesheet).
b)il contenitore delle immagini è troppo piccolo e taglia il bordo marrone/oro (inferiore e destro, magari poi è voluto)