Ciao,ho sviluppato in locale un sito.In IE funziona bene il css.
ho provato con mozilla e non si vedono alcune parti della pagina ;il css è :
/* Layout 001 - Iport.it © 2006 */
html, body { margin: 0px; padding: 0px; }
body { font-size: 0.9em; font-family: arial, helvetica, sans; background: #ddd; }
.lyt001main { }
/* CLASSI PRIMA RIGA */
.lyt001top{height:150px;border-bottom:1px solid #fff;background:#fff;clear:both;}
.lyt001top1{margin:auto;height:100%;}
.lyt001logo{width:200px;height:150px;float:left;ba ckground-image:url(traccia.jpg);background-repeat:no-repeat;background-position:center center;}
.lyt001head{margin-left:200px;height:150px;}
.lyt001lang{height:24px;line-height:24px;text-align:right;font-size:0.9em;color:#009;border-bottom:1px solid #eee;padding-right:20px;}
.lyt001slogan{
height:90px;
line-height:90px;
background-color: #FFFFFF;
font-size: 36px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
padding-left: 15px;
background-repeat: no-repeat;
background-image: url(barche%20lunga%202.jpg);
}
/*MENU ORIZZONTALE*/
.lyt001nav{
height:35px;
margin-top:0px;
font-size:0.9em;
background-color: #ECE9D8;
margin-bottom: 0px;
}
/* PSEUDO CLASSI PRIMA RIGA */
.lyt001top h2 { margin: 0px; line-height: 90px; font-weight: 100; letter-spacing: -1px; font-size: 1.4em; color: #999; }
.lyt001nav ul { list-style-type: none; margin: 0px; padding: 0px; }
.lyt001nav li { float: left; width: 112px; margin-left: 1px; line-height: 28px; text-align: center; border: 1px solid #eee; border-bottom: 0px; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; color: #0000FF; }
.lyt001nav li b { display: block; width: 100%; background: #eee; color: #000;}
.lyt001nav li a { display: block; width: 100%; text-decoration: none; color: #666;}
.lyt001nav li a:hover { background: #009; color: #fff;}
.lyt001nav li a:active {display: block; width: 100%;background: #eee;color: #000;font-weight:bold;}
/* CLASSI SECONDA RIGA */
.lyt001sx{float:left;width:200px;}
.lyt001dx{width:200px;font-size:0.9em;text-align:justify;float: RIGHT;}
.lyt001cx{margin-left:200px;margin-right:200px;border-right:1px solid #fff;border-left:1px solid #fff;padding-top:20px;padding-bottom:20px;font-size:1.1em;
padding-left: 5px;
padding-right: 5px;
}
.lyt-txt{}
.lyt-txt a{}
.lyt-txt a:hover{
background-color: #00CCFF;
display: block;
}
.lyt001cnt{background:#eee;width:100%;}
/* PSEUDO CLASSI SECONDA RIGA */
.lyt001cnt h2 { margin: 0px; line-height: 64px; font-weight: 100; letter-spacing: -1px; font-size: 1.8em; color: #009; }
.lyt001cnt h3 { margin: 0px; line-height: 40px; font-weight: 100; letter-spacing: -1px; font-size: 1.6em; color: #666; margin-top: 8px; border-top: 1px solid #fff; text-decoration: none}
.lyt001sx ul { list-style-type: none; margin: 0px; padding: 0px; }
.lyt001sx li { line-height: 24px; height: 24px; text-indent: 8px; font-size: 0.9em; border-bottom: 1px solid #ccc; }
.lyt001sx li a { display: block; width: 100%; text-decoration: none; color: #666;}
.lyt001sx li a:hover { background: #f60; color: #fff;}
.lyt001dx h4 {line-height: 28px;background: #009;text-indent: 4px;font-weight: 100;font-size: 1.1em;color: #F4F3EE;border-bottom: 1px solid #fff;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
.lyt-txt p { font-size: 0.9em; text-align: justify; line-height: 1.6em; }
/* PSEUDO CLASSI FOOTER */
.lyt001foo{
height:80px;
border-top:1px solid #009;
text-align:center;
background-color: #009;
color: #FFFFFF;
}
.lyt001foo h5 { font-size: 0.9em; letter-spacing: 2px; text-align: center; }
/*menu sx*/
UL.menu2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 164px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
UL.menu2 LI A {
BORDER-RIGHT: 5px solid; PADDING-RIGHT: 1em; BORDER-TOP: 5px; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; BORDER-LEFT: 5px solid; LINE-HEIGHT: 2em; PADDING-TOP: 0px; BORDER-BOTTOM: 5px; HEIGHT: 2em; TEXT-DECORATION: none
}
UL.menu2 LI {
DISPLAY: inline
}
UL.menu2 LI A:link {
BORDER-LEFT-COLOR: #009; BACKGROUND: #ccc; BORDER-BOTTOM-COLOR: #009; COLOR: #009; BORDER-TOP-COLOR: #009; BORDER-RIGHT-COLOR: #009
}
UL.menu2 LI A:visited {
BORDER-LEFT-COLOR: #009; BACKGROUND: #ccc; BORDER-BOTTOM-COLOR: #009; COLOR: #009; BORDER-TOP-COLOR: #009; BORDER-RIGHT-COLOR: #009
}
UL.menu2 LI A:hover {
BORDER-LEFT-COLOR: #66c; BACKGROUND: #eee; BORDER-BOTTOM-COLOR: #66c; COLOR: #0099FF; BORDER-TOP-COLOR: #66c; BORDER-RIGHT-COLOR: #66c
}
UL.menu2 LI A:active {
BORDER-LEFT-COLOR: #66c; BACKGROUND: #eee; BORDER-BOTTOM-COLOR: #66c; COLOR: #c00; BORDER-TOP-COLOR: #66c; BORDER-RIGHT-COLOR: #66c
}
Vi prego aiutatemi !!!
Grazie a tutti!!!
Rispondi quotando
