[CSS]Semplice problema con i selettori

Mattyfog · 27-07-2010, 19:12

Ciao a tutti!
Ho un problema con un template su http://ratman.mattyfog.com/index.php?tp=1 .
Ho un file html così strutturato:

Codice:

...
<body>
 		
<div class="left_and_right">
        <div id="container">
 
            <div id="header">
                <jdoc:include type="modules" name="header" />
            </div>

	    	<div id="top_menu">
                <jdoc:include type="modules" name="top_menu" />
            </div>

            <div id="sidebar_left">
                <jdoc:include type="modules" name="sidebar_left" />
            </div>
            
            <div id="top_content">
                <jdoc:include type="modules" name="top_content"/>
            </div>
 
            <div id="sidebar_right">
                <jdoc:include type="modules" name="sidebar_right" />
            </div>
 
            <div id="content">
                <jdoc:include type="component" />
            </div>
            
            <div id="footer_content">
                <jdoc:include type="modules" name="footer_content"/>
            </div>
 
            <div id="footer">
            	<jdoc:include type="modules" name="footer" />
            </div>
 
        </div>
        
        </div>       
 
    </body>
...

e un css che ha selettori come: #container .left_and_right che cito in esempio.
Le regole definite però dal selettore #container .left_and_right non vengono applicate.
Perchè?
ps: lavoro in joomla

MEMon · 27-07-2010, 20:18

Quote:

Originariamente inviato da Mattyfog

Ciao a tutti!
Ho un problema con un template su http://ratman.mattyfog.com/index.php?tp=1 .
Ho un file html così strutturato:

Codice:

...
<body>
 		
<div class="left_and_right">
        <div id="container">
 
            <div id="header">
                <jdoc:include type="modules" name="header" />
            </div>

	    	<div id="top_menu">
                <jdoc:include type="modules" name="top_menu" />
            </div>

            <div id="sidebar_left">
                <jdoc:include type="modules" name="sidebar_left" />
            </div>
            
            <div id="top_content">
                <jdoc:include type="modules" name="top_content"/>
            </div>
 
            <div id="sidebar_right">
                <jdoc:include type="modules" name="sidebar_right" />
            </div>
 
            <div id="content">
                <jdoc:include type="component" />
            </div>
            
            <div id="footer_content">
                <jdoc:include type="modules" name="footer_content"/>
            </div>
 
            <div id="footer">
            	<jdoc:include type="modules" name="footer" />
            </div>
 
        </div>
        
        </div>       
 
    </body>
...

e un css che ha selettori come: #container .left_and_right che cito in esempio.
Le regole definite però dal selettore #container .left_and_right non vengono applicate.
Perchè?
ps: lavoro in joomla

Nel codice che hai postato non ci sono classi "left_and_right" contenute in un eleemnto con id "container".

Mattyfog · 27-07-2010, 20:32

Però il div padre del div con id container (quello sopra per intenderci :P) appartiene alla classe left_and_right. Il div con id container non dovrebbe quindi appartenere anche lui a tale classe?

Mattyfog · 28-07-2010, 15:44

MEMon · 28-07-2010, 19:53

Quote:

Originariamente inviato da Mattyfog

Però il div padre del div con id container (quello sopra per intenderci :P) appartiene alla classe left_and_right. Il div con id container non dovrebbe quindi appartenere anche lui a tale classe?

No, per attribuire un css al container o utilizzi semplicemente l'id "#container" o tutt'al più con ".right_and_left #container" (ma è inutile).

Utilizzando "#container .right_and_left" significa che il div container contiene un elemento con quella classe, ma così non è in questo caso.

Mattyfog · 28-07-2010, 22:18

Quote:

Originariamente inviato da MEMon

No, per attribuire un css al container o utilizzi semplicemente l'id "#container" o tutt'al più con ".right_and_left #container" (ma è inutile).

Utilizzando "#container .right_and_left" significa che il div container contiene un elemento con quella classe, ma così non è in questo caso.

Ah capito non pensavo che ci fosse anche un ordine da rispettare in casi come questo.
Comunque al momento è inutile ma tra pochissimo non lo sarà: sto creando un template per joomla e devo settare regole diverse a seconda le colonne laterali siano vuote o meno.

Grazie!

27-07-2010, 20:32	#3
Mattyfog Senior Member Iscritto dal: Jul 2008 Messaggi: 1426	Però il div padre del div con id container (quello sopra per intenderci :P) appartiene alla classe left_and_right. Il div con id container non dovrebbe quindi appartenere anche lui a tale classe?

28-07-2010, 15:44	#4
Mattyfog Senior Member Iscritto dal: Jul 2008 Messaggi: 1426

Strumenti
Mostra una versione stampabile Invia questa pagina per email