Ciao a tutti,
Sto realizzando questo sito Sito test e vorrei sapere come mai con internet explorer si vede correttamente, mentre su firefox no.
Se vi serve anche il file css dite che lo posto.
Grazie
Ciao a tutti,
Sto realizzando questo sito Sito test e vorrei sapere come mai con internet explorer si vede correttamente, mentre su firefox no.
Se vi serve anche il file css dite che lo posto.
Grazie
Cambia proprio la posizione di menu e del content
Credo bisognerebbe vedere il codice css che usi
Ecco il CSS e grazie per l'aiuto.
Scusa ma non l'ho ancora riordinato e commentato adeguatamente, avendo intuito che c'era qualcosa che non andava.
/*------------------------------------------------------------*/
body{
background-image: url(../images/Sfondo.jpg);
background-repeat:repeat-x;
font-family: Arial,sans-serif;
color:#000000;
}
label{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: bold;
color: #334d55;
}
/***********************************************/
/* Pulsanti di navigazione */
/***********************************************/
#tabs10 {
background-image: url("../images/barra.jpg");
margin-left:15%;
margin-right:15%;
width:70%;
font-size:93%;
line-height:normal;
border-color:#9a9a9a;
border-style :solid;
border-width:thin;
border-top-style:hidden;
border-bottom-style:hidden;
}
#tabs10 img {
width:200%;
}
#tabs10 ul {
margin:0;
list-style:none;
}
#tabs10 li {
display:inline;
margin:0;
padding:0;
}
#tabs10 a {
float:left;
background:url("../images/tableft10.gif") no-repeat left top;
margin:0;
width:12%;
text-decoration:none;
}
#tabs10 a span {
float:left;
display:block;
background:url("../images/tabright10.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
/*End IE5-Mac hack */
#tabs9 a:hover span {
color:#FFF;
}
#tabs10 a:hover {
background-position:0% -42px;
}
#tabs10 a:hover span {
background-position:100% -42px;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#masthead{
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}
#navBar{
float:left;
margin-bottom:0%;
padding: 0px;
}
h2{
color:#000033;
}
#headlines{
float:left;
width: 24%;
background-color:#FFFFFF;
}
#news
{
margin-left:8%;
}
#testocontent{
float: left;
width:100%;
height:100%;
background-color:#FFFFFF;
text-align:justify;
}
#testocontent hr{
width:100%
}
#content{
float: left;
width:70%;
height:100%;
margin-left:2%;
margin-right:0%;
background-color:#FFFFFF;
}
#testocontent contenuto
{
font-family:Verdana;
font-size:120%;
font-weight:lighter;
}
#corpo{
display:block;
height: auto !important;
height: 100%;
margin-left:15%;
width:70%;
background-color:#FFFFFF;
margin-right:0%;
border-color:#9a9a9a;
border-style:solid;
border-width:thin;
font-size:16px;
font-family:Arial Narrow;
font-style:normal;
}
/***********************************************/
/* Components */
/***********************************************/
#siteName{
margin: 0;
padding: 0 0 0 10px;
}
/************* #globalNav styles **************/
#globalNav{
margin-left:15%;
border-color:#9a9a9a;
border-style:solid;
border-width:thin;
border-top-style:hidden;
border-bottom-style:hidden;
margin-right:15%;
width:70%;
background-image: url(../images/Barra.jpg);
}
#globalNav img
{
width:12%;
}
/*************** #pageName styles **************/
#pageName{
margin: 0px;
padding: 0px 0px 0px 10px;
}
/************* #breadCrumb styles *************/
#breadCrumb{
font-size: 80%;
padding: 2px 0px 0 10px;
}
/************** .feature styles ***************/
.feature{
font-size: 80%;
}
.feature h3{
font-family: Arial, Helvetica, sans-serif;
padding: 30px 0px 5px 0px;
text-align: center;
font-size:200%;
font-family: Arial, Helvetica, sans-serif;
color: #2959A1;
font-weight: bold;
letter-spacing: 1px;
}
.feature img{
float: left;
padding: 10px 10px 0px 0px;
}
.TextHome{
border-style:hidden;
border-color:White;
width:100%;
height:250px;
}
intestazione{
}
.intestazione img{
border-color:#a9a9a9;
border-style:solid;
border-width:thin;
margin-left:15%;
margin-right:15%;
width:70%;
}
/************** .story styles *****************/
.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 70%;
}
.story p{
padding: 0px 0px 10px 0px;
}
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
width: 100%;
text-align:center;
margin-top:2%;
margin-left:2%;
margin-right:2%;
font-size: 75%;
color:#999999;
}
#siteInfo img{
vertical-align:text-bottom;
}
/************* #search styles ***************/
#search{
padding: 5px 0px 5px 10px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
}
#search form{
margin: 0px;
padding: 0px;
}
#search label{
display: block;
margin: 0px;
padding: 0px;
}
/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}
/*********** #sectionLinks styles ***********/
#sectionLinks{
position: relative;
margin: 0px;
padding: 0px;
font-size: 90%;
}
#sectionLinks h3{
padding: 10px 0px 2px 10px;
}
#sectionLinks a {
display: block;
padding: 2px 0px 2px 10px;
color:#0000CC;
}
#sectionLinks a:hover{
background-color:Blue;
color:White;
}
/*********** .relatedLinks styles ***********/
.relatedLinks{
position: relative;
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
}
.relatedLinks h3{
padding: 10px 0px 2px 0px;
}
.relatedLinks a:link,
.relatedLinks a:visited {
display: block;
}
/************** #advert styles **************/
#advert{
padding: 30px 0px 10px;
}
#advert img{
display: block;
}
/************** #headlines styles **************/
#headlines{
margin: 0px;
padding: 10px 0px 20px 10px;
font-size: 80%;
}
#headlines p{
padding: 5px 0px 5px 0px;
}