ciao mi sapreste aiutare...
non reisco a fare contiunare il mio sfondo su firefox...per intenderici i menu di sx e dx..con bg un img sfumate in verde...dovrebbe contiunare se la pagina si allunga ...ma non è cosi...nemmeno su exp lo fà...!!
nel css e nel codice ho utilizzato tutte le patch possibili...HELP....sapreste aiutarmi o indicarmi seconodo voi dove sbaglio?!?
... vi lascio codice + css! thnx
CSS:
html {height:100%}
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
body {background-color:#EFFAFE; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#content_wrapper{
width:1000px;
background:url(../img/bkg_total.png) no-repeat 0px top; background-color: #ffffff;
margin:auto; padding:0px;
}
#top1{
width:1000px;
height: auto;
clear: both;
top:0px; vertical-align: top;
background:url(../img/sf_top.png) no-repeat 0px top;
}
#top2{
width:1000px;
height:45px;
top:0px;
clear: both;
background:url(../img/bkg_menutop.png) repeat-x;
}
/***************** link / top menu *************************/
.menu{width:550px;padding:110px 0px 0px 0px;margin:0px 0px 0px 0px;float: right;}
.menu ul{float:right; list-style:none; padding:0px; margin:0px;}
.menu li {float:left; padding:0px; margin:0px; list-style:none;}
li.m1 a{ background:url(../img/menu/Home.png) no-repeat; display:block; width:78px; height:50px; border:none;}
li.m1 a:hover{ background:url(../img/menu/Home_o.png) no-repeat;}
/*li.m1_on { width:78px; height:50px; background:url(../img/m_home1.gif) no-repeat;}*/
li.m2 a{ background:url(../img/menu/#.png) no-repeat; display:block; width:78px; height:50px; border:none;}
li.m2 a:hover{ background:url(../img/menu/#.png) no-repeat;}
li.m3 a{ background:url(../img/menu/#.png) no-repeat; display:block; width:110px; height:50px; border:none;}
li.m3 a:hover{ background:url(../img/menu/#.png) no-repeat;}
li.m4 a{ background:url(../img/menu/Contatti.png) no-repeat; display:block; width:78px; height:50px; border:none;}
li.m4 a:hover{ background:url(../img/menu/Contatti_o.png) no-repeat;}
li.m5 a{ background:url(../img/menu/#.png) no-repeat; display:block; width:100px; height:50px; border:none;}
li.m5 a:hover{ background:url(../img/menu/#.png) no-repeat;}
/**** menu top 2 *****/
#menu2{width:1000px;padding:15px 0px 0px 0px;margin:0px 0px 0px 0px;float: left;height: 45px;}
#menu2 ul{list-style:none; padding:0px; margin:0px;float: left; width:1000px;}
#menu2 li {float:left; padding:0px 0px 0px 80px; margin:0px; list-style:none;}
#menu2 li a:link{font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#FFFFFF;text-decoration: none;font-weight: bold;}
#menu2 li a:hover{font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#FFFFFF;}
/***************** div content centrale *************************/
#menusx{
float:left; width:290px; margin:0px; padding:0px;
background:url(../img/bkg_left.png); }
#youtube{
background-image:url(../img/you_tube.png);
background-position: top;
background-repeat: no-repeat;
width:290px;
height:244px;
}
.video{
padding-top: 80px;
padding-left: 30px;
}
#ricerca{
width:200px;
padding-left: 50px;
height: 100% auto;
overflow:auto;
display:block;
}
#ricerca h1{
color:#205182;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
}
/************** interno centrale home ***************/
#interno{
width:550px;
padding-bottom:0px;
float: left;
}
#annunci-H{
width:550px;
padding-bottom:60px;
float: left;
height: 200px;
clear:both;
}
#news-H{
width:285px; height:235px;
padding:0px 0px 0px 100px;
vertical-align:top;
float: left;
}
/******************* Menu DX *****************/
/*.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #menuDx {height: 100%;} */
#menuDx{
width:160px;
float: left;
background:url(../img/bkg_right.png);
background-repeat:repeat-y;
/*display:block;*/
}
#menuDx ul{list-style:none; padding:0px; margin:0px;}
#menuDx li {
padding:10px 0px 0px 10px;
margin:0px;
width: 140px;
/* height:50%;*/
text-align:center;
}
#menuDx li a:link, #menuDx li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
}
#menuDx li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#205182;
}
/******************* footer *****************/
#clear{clear:both;}
#footer{
width:1000px;
height:43px;
/*position:absolute;*/
bottom:0;
background:url(../img/bkg_footer.png) repeat-x; color:#FFFFFF; text-align: center;
}
#footer a:link, a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align: center;
}
////////////////////// CODICE html ////////////////////////////
<body>
<div id="content_wrapper">
<div id="top1">
<div class="menu">
<ul>
<li class="m1">
<li class="m2">
<li class="m3">
<li class="m4">
<li class="m5">
[/list]
</div>
<div id="top2">
<div id="menu2">
<ul>
[*]link
[*]link
[/list]
</div>
</div>
</div>
<div id="main">
<div id="menusx">
<div id="youtube">video</div></div>
<div id="ricerca">
<h1>titoloz</h1>
</div>
<div style="clear:both;"></div>
</div>
<div id="interno">
<div id="annunci-H"></div>
<div id="titoli">:: NEWS ::</div>
<div id="news-H">news</div>
</div>
<div id="menuDx">
<ul>
[*]<a href="http://www.#.it/" target="_blank">
[img]img/#.png[/img]</a>
[*][img]img/dotter.png[/img]
[*]LINK
[*][img]img/dotter.png[/img]
[*]LAVORA CON NOI
[*][img]img/dotter.png[/img]
[*]LINK
[*][img]img/dotter.png[/img]
[*]LINK
[*][img]img/dotter.png[/img]
[*]AIUTACI A MIGLIORARE
[/list]
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
<div id="clear">
</div>
<div id="footer">#</div>
</div>
</body>
</html>
Rispondi quotando
