[m4ik4]

salve a tutti,
essendo un principiante del css, chiedo il vostro aiuto!

sto realizzando un piccolo layout con il framework grid960.

il problema è che quando applico la classe "grid_n" perdo il background-color. chiarisco tutto con un po' di codice:
questo è il mio css

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. body {
2.     background-color: #140b0b;
3.     font-size: 12px;
4.     font-family:Verdana, Geneva, sans-serif;
5. }
6. #midpoint {
7.         background-color: #050505;
8.         color: #fff;
9.         -moz-border-bottom-left-radius: 15px;
10.         -moz-border-bottom-right-radius: 15px;
11.         border-bottom-left-radius: 15px;
12.         border-bottom-right-radius: 15px;
13. }
14.  

nella mia pagina php

Sintassi: php [ Scarica ] [ Nascondi ]

Sintassi: php [ Scarica ] [ Mostra ]

1.   <div id="midpoint" class="container_12" >
2.       <div id="content" class="grid_8">
3.         <?php echo $sf_content ?>
4.       </div>
5.     <div id="news_social" grid="grid_4">
6.       <p style="margin-bottom:15px">Puoi seguirci anche su</p>
7.       <img src="/images/social/facebook.png" alt="facebook" width="30px" height="30px"/>
8.       <img src="/images/social/twitter.png" alt="twitter" width="30px" height="30px"/>
9.       <img src="/images/social/myspace.png" alt="myspace" width="30px" height="30px"/>
10.       <img src="/images/social/youtube.png" alt="youtube" width="30px" height="30px"/>
11.     </div>
12.   </div>
13.  

il blocco che dovrei vedere nero (#050505) lo vedo marrone (140b0b) ovvero il colore impostato ne body. Se tolgo le classi "grid_n", il blocco lo ritrovo nero!
come mai? le altre impostazioni (come il colore del testo bianco) sono visualizzate correttamente

Attualmente, nel css, gli id "content" e "new_social" non sono impostati.

[antoscarface]

ma sei sicuro che 140b0b sia marrone? io su photoshop lo vedo nero... cmq sia, hai possibilità di mettere online questo problema? non vorrei ci fosse qualcos'altro collegato, perchè con il solo codice che hai postato, non vedo nessuna stranezza e per di più in grid960 non c'è alcun tipo di background impostato, quindi mi sembra abbastanza strano che mettendo la classe grid_n, si annulli il colore di sfondo.

[m4ik4]

ho messo momentaneamente il progetto qui
http://pvani.altervista.org/web/page/storia
attualmente sto facendo una reingegnerizzazione con grid960, quindi non tutte le altre pagine hanno un layout decente!

mi perdonerete?

edit: ho provato anche a mettere un div clearer, prima e dopo il blocco middle... ma nulla da fare! (le prove le ho fatte in locale)

[Caluk]

Allora, controllando il codice, tu hai applicato il colore #050505 al midpoint. Quindi il midpoint dovrebbe essere fluido con il testo, ossia che si allunga in base al testo.

Ho provato a fare qualche prova con firebug, e basta inserire float:left; nel midpoint,nel content e nel social e risolvi

Ciauzzz

[m4ik4]

Allora, controllando il codice, tu hai applicato il colore #050505 al midpoint. Quindi il midpoint dovrebbe essere fluido con il testo, ossia che si allunga in base al testo.

Ho provato a fare qualche prova con firebug, e basta inserire float:left; nel midpoint,nel content e nel social e risolvi

Ciauzzz

Ciao
prima di tutto ti ringrazio per l'aiuto!
non mi è molto chiaro il discorso del float:left! o meglio, mi è chiaro l'uso di questa proprietà all'interno di un file css, ma non capisco perché non è stato implementato a livello di framework!
quando arrivo a casa accedo al progetto e faccio qualche prova per capire le logica che sta dietro!

un saluto e ancora grazie

[Caluk]

Questo non lo so perchè non ho mai usato nessun framework e quindi nemmeno grid960.

[m4ik4]

in realtà il problema non è risolto, in quanto inserendo il float:left tutto viene compattato a sinistra perdendo, di fatto, la struttura imposta tramite framework.

forse non è stata una buona idea quella di reingegnerizzare il laytout tramite framework css

[Caluk]

se tu inserisci il float solo nel midpoint è chiaro che tutto va a sinistra. Lo devi inserire pure nell'id content e news_social infatti te lo avevo scritto

Ho provato a fare qualche prova con firebug, e basta inserire float:left; nel midpoint,nel content e nel social e risolvi

[m4ik4]

si si, confermo: l'hai scritto! e oltretutto penso anche di averlo fatto..