listenformatierung nicht verstanden?

[torsten]

moinsen leude!

ich glaube ich habe die formatierung von kindelementen nicht verstanden; speziell: listen.

folgendes szenario:

  
<ul>  
   <li>foo  
      <ul>  
         <li><a href="">bar</a></li>  
              <ul>  
                 <li><a href="">...</a></li>  
                 <li><a href="">...</a></li>  
                 <li><a href="">...</a></li>  
              </ul>  
      </ul>  
   </li>  
</ul>  

bei css

  
ul, li  
   {  
   font-size:0.9em;  
   line-height:1.1em;  
   }  

wird die schrift mit jedem kindelemnt kleiner, logo oder? aber wenn ich folgendes mache:

  
ul li, ul li ul li, ul li ul li ul li (usw., je nach erforderlichkeit)  
   {  
   font-size:0.9em;  
   line-height:1.1em;  
   }  

sollte die schriftgröße doch bei den kindelementen erhalten bleiben. der FF macht das auch ganz brav der IE aber ned... (einer von uns beiden ist ein doofteil! entweder er oder ich! grrr) könnte mich bitte jemand erleuchten?

danke

mfg torsten

[wahsaga]

hi,

wird die schrift mit jedem kindelemnt kleiner, logo oder?

Ja, logo.

aber wenn ich folgendes mache:

ul li, ul li ul li, ul li ul li ul li (usw., je nach erforderlichkeit)
   {
   font-size:0.9em;
   line-height:1.1em;
   }

> sollte die schriftgröße doch bei den kindelementen erhalten bleiben.  
  
Wieso sollte sie das?  
  
Du hast jetzt zwar die ULs jeweils nicht mehr selektiert - aber für alle IL in UL, alle LI in UL in LI in UL, ... gilt immer noch: Mache die Schriftgröße 0.9em mal so groß, wie sie im Vorfahrenelement war.  
  
Was meinst du, warum em zu den \_relativen\_ (Schrift)Größenangaben zählt?  
  
<http://www.w3.org/TR/CSS21/syndata.html#value-def-length>  
"The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element."  
  
gruß,  
wahsaga  
  

-- 
/voodoo.css:  
#GeorgeWBush { position:absolute; bottom:-6ft; }

[Cheatah]

Hi,

<ul>
         <li><a href="">bar</a></li>
              <ul>

<ul> hat genau eine Sorte Kindelement, nämlich <li>. Ein <ul> darf hier nicht vorkommen.

wird die schrift mit jedem kindelemnt kleiner, logo oder?

Jupp.

der FF macht das auch ganz brav der IE aber ned...

IE hat bei speziellen Elementen (nämlich <li> und <td> bzw. <th>) Probleme mit der Vererbung insbesondere von Schriftgrößen. Solange Deine Struktur mangelbehaftet ist, würde ich jedoch keinem Browser für ein scheinbares Fehlverhalten einen Vorwurf machen.

Ganz abgesehen davon: Einige der genannten Selektoren treffen auf kein Element zu.

Cheatah

[D.R.]

Hi,

bei css

ul, li
   {
   font-size:0.9em;
   line-height:1.1em;
   }

> wird die schrift mit jedem kindelemnt kleiner, logo oder? aber wenn ich folgendes mache:  
>   
> ~~~css
  

> ul li, ul li ul li, ul li ul li ul li (usw., je nach erforderlichkeit)  
>    {  
>    font-size:0.9em;  
>    line-height:1.1em;  
>    }  
> 

sollte die schriftgröße doch bei den kindelementen erhalten bleiben. der FF macht das auch ganz brav der IE aber ned... (einer von uns beiden ist ein doofteil! entweder er oder ich! grrr) könnte mich bitte jemand erleuchten?

Ja, macht Firefox das so? Eigentlich komisch, denn soweit ich weiß, bezieht sich eine em-Angabe immer auf das Elternelement oder die Browser-Voreinstellung. D.h. du müsstest für die verschachtelten Listen 1em nehmen, um die Schriftgröße zu erhalten. Warum Firefox das anders macht, verstehe ich aber nicht.

Einen schönen Dienstag noch!

[Ingo Turski]

Hi,

ul li, ul li ul li, ul li ul li ul li (usw., je nach erforderlichkeit)
   {
   font-size:0.9em;
   line-height:1.1em;
   }

> sollte die schriftgröße doch bei den kindelementen erhalten bleiben.  

auch wenn Du es inzwischen wohl verstanden hast: um für beliebig verschachtelte Listenelemente eine einheitlich kleinere relative Schriftgröße zu erreichen, genügt:  

> ~~~css
  

> li { font-size:0.9em; }  
> li li { font-size:1em; }  
> 

auch ein noch so verschachteltes li-Element ist Nachkomme eines (beliebigen) li-Elements.

freundliche Grüße
Ingo

[torsten]

moinsen leude!

iäm zu blöd

auch wenn Du es inzwischen wohl verstanden hast: um für beliebig verschachtelte Listenelemente eine einheitlich kleinere relative Schriftgröße zu erreichen, genügt:

li { font-size:0.9em; }
li li { font-size:1em; }

> auch ein noch so verschachteltes li-Element ist Nachkomme eines (beliebigen) li-Elements.  
  
das habe ich bisher weder überprüft noch nachvollzogen aber, es hört sich außerordentlich sinnvoll an... unter diesem aspekt kann ich in meinem css bestimmt noch ne unmenge aufräumen...  
  
thx  
  
[mfg](http://www.jungmann.to/) [torsten](http://www.jungmann.net/extra.html)  

-- 
![http://www.jungmann.net/topics2003.html](http://jungmann.net/_picz/auge1.png)[am anfang der frage](http://www.jungmann.to/)  
![http://www.jungmann.net/topics2004.html](http://jungmann.net/_picz/auge2.png)[          steht die suche](http://www.jungmann.to/)  
![http://www.jungmann.net/topics2005.html](http://jungmann.net/_picz/auge3.png)[              nach der antwort.](http://www.jungmann.to/)  
![http://www.jungmann.net/topics2006.html](http://jungmann.net/_picz/auge4.png)[                       (urs laeuppi)](http://www.jungmann.to/)