sfondo non ereditato

[FastPSP]

ragazzi mi sto scervellando chi sarebbe cosi gentile da farmi notare perche nel corpo di questa pagina non viene visualizzata l'immagine di sfondo ripetuta sull'asse y?

l'immagine è middle_sf_body.jpg

il sito è questo

ricambio con un favore grafico a chi mi risolve il problema

 

[WpStyle]

il link mi da un errore 403...
al limite allega copia del file da controllare

Ciao

 

[FastPSP]

Ok l'ho caricato!

 

[WpStyle]

invece di utilizzare:

 <div style="background-image:url(images/design/middle_sf_body.jpg); width:850px; background-repeat:repeat-y; height:inherit">

puoi inserire:

background: url("images/design/middle_sf_body.jpg") repeat-y;

direttamente nel Css nell' div#CORPO

 

[FastPSP]

niente! non succede niente!
sto impazzendo per capire :hammer:

ho provato a togliere 5 dei riquadri e ho notato che anche se il riquadro nazarenogabrielli rimani li dov'è anche il resto a destra del riquadro diventa bianco.

eppure ho settato la grandezza del div con classe n2

 

[WpStyle]

posta o allega il CSS...
sarà più facile aiutarti

 

[FastPSP]

ok ecco il css:

#CONTENT{ width:840px; margin:0 auto; padding-bottom:0px; text-align:center; border-left:1px solid #999999; border-right:1px solid #999999; }

#MENU{ margin:0 auto;padding:0px;text-align:center;clear:both;height:30px;background-image:url("../images/design/sfnav1.jpg");background-repeat:repeat-x;}
#MENU ul{ width:840px; height:30px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
#MENU ul li{ width:140px; height:30px; text-align:center; float:left; }
#MENU ul li a{ width:140px; height:25px; padding-top:5px; display:block;background-image:url("../images/design/sfnav1.jpg");background-repeat:repeat-x; color:#FFFFFF; text-align:center; font-size:13px; font-weight:bold; font-variant:small-caps; font-family:Verdana, Arial, Helvetica, sans-serif; }
#MENU ul li a:link{ text-decoration:none; }
#MENU li a:hover{width:140px; height:30px; background-image:url("../images/design/sfnavroll.jpg");background-repeat:repeat-x; text-decoration:none; }


#HEAD{ width:830px; clear:both; margin:0 auto; padding-left:3px; background-color:#FFFFFF; padding-top:4px; height:110px;}
#HEAD img{ float:left; margin-right:5px; }
#HEAD img:hover{ background-image:url("../images/design/LogoMB.jpg")}
#HEAD .slogan{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:justify; color:#666666; padding-right:5px; }

#TOP_SF{ height:14px; width:840px; background-color:#FFFFFF; background-image:url("../images/design/top_sf_body.jpg"); background-repeat:no-repeat; background-position:top; clear:both; margin:0 auto; }
#BOT_SF{ height:14px; width:840px; background-color:#FFFFFF; background-image:url("../images/design/bot_sf_body.jpg"); background-repeat:no-repeat; background-position:top; clear:both; margin:0 auto; }


#CORPO{ width:840px; margin:0 auto; padding-top:0px; clear:both; background: url("images/design/middle_sf_body.jpg") repeat-y;}

#CORPO .aziende{ width:840px; clear:both; text-align:center; background-image:url("../images/design/middle_sf_body.jpg"); background-repeat:repeat-y;}
#CORPO .aziende h1{ clear:both; text-align:left; color:#666666; font-size:0.9em; padding-left:25px; font-family:Helvetica,Geneva, Arial, sans-serif; }

#CORPO .aziende .n2{ margin-left:14px; margin-right:14px; margin-bottom:10px; float:left; width:250px; height:230px; background-image:url("../images/design/lb_012.jpg"); background-position:bottom; background-repeat:no-repeat; }
#CORPO .aziende. n2 a{ color:#FF0033; text-decoration:none;}
#CORPO .aziende .n2 a:link{ color:#FF0033; text-decoration:none; font-family: Verdana, Helvetica, sans-serif, Geneva, Arial; font-size:0.8em; }
#CORPO .aziende .n2 a:hover, a:focus,a:active{ color:#FF0033; text-decoration:underline; font-family: Verdana, Helvetica, sans-serif, Geneva, Arial; font-size:10px/11px; }

#CORPO .aziende .moby{margin-left:14px; margin-right:14px; float:left; width:250px; height:188px; background-image:url(../images/design/mobylabel2.jpg); background-position:bottom; background-repeat:no-repeat;}
#CORPO .aziende .moby a { color:#FF0033; }
#CORPO .aziende .moby a:link,a:visited{ color:#FF0033; text-decoration:none; font-family: Verdana, Helvetica, sans-serif, Geneva, Arial; font-size:0.8em; }
#CORPO .aziende .moby a:hover, a:focus,a:active{ color:#FF0033; text-decoration:underline; font-family: Verdana, Helvetica, sans-serif, Geneva, Arial; font-size:10px/11px; }
#CORPO .aziende .moby .mobytext{ display:block; font-family: Verdana, Helvetica, sans-serif, Geneva, Arial; font-size:0.7em; text-align:left; padding:58px 14px 4px 14px; color:#666666; }
#CORPO .aziende .moby img{ display:block; margin:0 auto; padding-top:53px; }

#CORPO .aziende .c{margin-left:14px; margin-right:14px; float:left; width:250px; height:188px; background-image:url(../images/design/labelvuoto2.jpg); background-position:bottom; background-repeat:no-repeat; }
#CORPO .aziende .c .ctext{ display:block; font-family: Verdana, Helvetica, sans-serif, Geneva, Arial; font-size:0.7em; text-align:left; padding:14px 14px 4px 14px; color:#666666; }

#CORPO .aziende .egolive{margin-left:14px; margin-right:14px; float:left; width:250px; height:188px; background-image:url(../images/design/egolabel2.jpg); background-position:bottom; background-repeat:no-repeat; }

 

[WpStyle]

è sbagliato il percorso dell'immagine

#CORPO{ width:840px; margin:0 auto; padding-top:0px; clear:both; background: url("images/design/middle_sf_body.jpg") repeat-y;}

 

[FastPSP]

Kodemondo ti devo un favore lo stesso ma non è quello il problema..

devo trovare questa soluzione. Perchè devo capire dove ho sbagliato!

Altrimenti non imparo mai..

Si vede solo su IE7 che pergiunta nonsupporta bene i css assurdo

 

[FastPSP]

kodemondo ho scoperto che se tolgo il float:left mi ricompare lo sfondo...come fare per questo problema?

 

[WpStyle]

nel CSS prova a cambiare:

#CORPO .aziende{ width:840px; clear:both; text-align:center; background-image:url("../images/design/middle_sf_body.jpg"); background-repeat:repeat-y;}

così:

#CORPO .aziende{ width:840px; clear:both; text-align:center;}

togli nell'html lo style che richiama nuovamente all'immagine di sfondo:

 <div style="background-image:url(images/design/middle_sf_body.jpg); width:850px; background-repeat:repeat-y; height:inherit">

naturalmente togli anche il tag </div> di chiusura che trovi immediatamente sopra alla riga:

<!-- InstanceEndEditable --></div>
<!-- fine body -->

prova e fammi sapere

Ciao

 

[FastPSP]

Risolto grazie alla super guida sui CSS.

Praticamente se fai flottare un elemento per affiancarne altri
l'elemento contenitore si interrompe quindi bisogna definire flottante anche quello.

:fonzie: Grande FastPHP (anche se su questo forum erroneamente misi PSP che non ha significato pero :crying