sto lavorando ad un sito ma la visualizzazione dei contenuti e differente tra IE e firefox.
mi sapreste aiutare?
di seguto una delle pagine
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="onpage.js"></script>
</head>
<body>
<div id="container">
<div id="testata">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="740" height="120" title="testata">
<param name="movie" value="img/testata1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="img/testata1.swf" width="740" height="120" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</div>
<div id="photo">
<ul class="hoverbox">[*]
[img]gallery/1.gif[/img][img]gallery/1.gif[/img][*]
[img]gallery/2.gif[/img][img]gallery/2.gif[/img][*]
[img]gallery/3.gif[/img][img]gallery/3.gif[/img][*]
[img]gallery/4.gif[/img][img]gallery/4.gif[/img][*][img]gallery/5.gif[/img][img]gallery/5.gif[/img][*]
[img]gallery/6.gif[/img][img]gallery/6.gif[/img][*]
[img]gallery/DJ.gif[/img][img]gallery/DJ.gif[/img][*]
[img]gallery/DJ1.gif[/img][img]gallery/DJ1.gif[/img][*]
[img]gallery/DJ2.gif[/img][img]gallery/DJ2.gif[/img][*]
[img]gallery/DJ3.gif[/img][img]gallery/DJ3.gif[/img]
<li style="margin-left:127px;">
[img]gallery/DJ4.gif[/img][img]gallery/DJ4.gif[/img][*]
[img]gallery/DJ5.gif[/img][img]gallery/DJ5.gif[/img][*]
[img]gallery/rage.png[/img][img]gallery/rage.png[/img][/list]
</div>
<div id="footer">Inserire qui il contenuto per id "footer"</div>
</div>
</body>
</html>
qui invece il foglio di stile
body {
background:#FFFFFF url(img/pattern.gif) top center repeat-y;
margin:0;
}
#container {
background-image:
url(img/sfondohtml.gif);
width:0px;
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
position:relative;
}
#footer{ width:750px;
clear:both;
margin-top:15px;
}
#photo{ width:750px;
}
img{border:0}
div#zoom{margin:0 0 5px 320px;padding: 5px;border:1px solid #999999; width:400px}
div#zoom h3{margin:0;font-size:100%;color: #000;text-align:center}
div#zoom img{display:block;width:400px;height:405px}
div#minipics{ position:absolute; width:342px; top:125px;left:10px;}
div#minipics ul{list-style-type: none;margin: 0;padding: 0}
div#minipics li{float:left;margin:0 3px 3px 3px;border:1px solid #ccc;padding: 2px}
h1
{
background: inherit;
border-bottom: 1px dashed #ccc;
color: #933;
font: 17px Georgia, serif;
margin: 0 0 10px;
padding: 0 0 5px;
text-align: center;
}
p
{
clear: both;
font: 10px Verdana, sans-serif;
padding: 10px 0;
text-align: center;
}
p a
{
background: inherit;
color: #777;
}
p a:hover
{
background: inherit;
color: #000;
}
/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox
{
cursor: default;
list-style: none;
}
.hoverbox a .preview
{
display: none;
}
.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}
.hoverbox img
{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 75px;
}
.hoverbox li
{
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}
.hoverbox .preview
{
border-color: #000;
width: 200px;
height: 150px;
}
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/
.hoverbox a
{
position: relative;
}
.hoverbox a:hover
{
display: block;
font-size: 100%;
z-index: 1;
}
.hoverbox a:hover .preview
{
top: -38px;
left: -50px;
}
.hoverbox li
{
position: static;
}
.text {
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#textartwork{clear:both;
margin-top:15px;}
AIUTOOOOO
Rispondi quotando
