Beste Maßeinheit, wenn Elemente geschachtelt werden

[Fabian]

Hi!

Ich habe in meinem CSS-File folgende Definition:

  
p,cite,code,ul {  
  
 font-size: 1.4em;  
  
 padding-bottom: 1.4em;  
  
}  

Hierbei entsteht nun allerdings ein Problem:
Wenn ich die Elemente "normal" verwende, sieht Alles prima aus. Werden die Elemente jetzt jedoch geschachtelt, also etwa so:

  
<ul>  
 <li>Oberpunkt</li>  
  <ul>  
   <li>Unterpunkt</li>  
  </ul>  
</ul>  

dann wird "Unterpunkt" riesig angezeigt, da sich die verwendete Maßeinheit "em" ja auf die Größe des jeweiligen Vater-Elements bezieht- die beiden ul-Elemente vergrößern die Schriftgröße also (ungewollt).
Meine Frage ist jetzt:
In der ungeschachtelten Variante bin ich mit der Darstellung zufrieden.
Geschachtelt soll sich die Schriftgröße jedoch nicht ändern- was ist nun die "Best Practice" um das von mir gewünschte Verhalten zu erzielen?

LG
Fabian

[Tom]

Hello,

<ul>

<li>Oberpunkt

<ul>
            <li>Unterpunkt</li>
        </ul>

</li>

</ul>

besser so.
Hab ich hier neulich erst selber durch :-)

http://selfhtml.bitworks.de/forum/get_thread_titles_04.php
http://forum.de.selfhtml.org/archiv/2008/5/t170557/#m1114969

Ein harzliches Glückauf

Tom vom Berg

[Beat]

li {font-size:2em;}
li ul {font-size: 0.5em;}

Abhilfe gibt's ab CSS3 mit der Einheit rem

mfg Beat

[Tom]

Hello,

Abhilfe gibt's ab CSS3 mit der Einheit rem

Na, da strahlt die Entwicklergemeinde aber!

Ein harzliches Glückauf

Tom vom Berg

[Fabian]

li {font-size:2em;}
li ul {font-size: 0.5em;}

Abhilfe gibt's ab CSS3 mit der Einheit rem

mfg Beat

Ah vielen Dank- funktioniert.
Jetzt habe ich halt die Angabe "0.714285714em;" in meinem Code (1.4*1.4=1.96, 1.4/1.96=0.714285714), aber die Browser scheinen ja mit einer angemessenen Genauigkeit zu arbeiten :-)

LG
Fabian

[Ingo Turski]

Hi,

li {font-size:2em;}
li ul {font-size: 0.5em;}

Ah vielen Dank- funktioniert.
Jetzt habe ich halt die Angabe "0.714285714em;" in meinem Code (1.4*1.4=1.96, 1.4/1.96=0.714285714), aber die Browser scheinen ja mit einer angemessenen Genauigkeit zu arbeiten :-)

Du solltest auch eine sinnvollere Lösung wählen, die universell funktioniert.
Wenn Du verschachtelbaren Elementen eine Größe zuweist, dann z.B. so:

ul { font-size:1.4em }  
ul ul { font-size:1em }

bzw. so:

li { font-size:1.4em }  
li li { font-size:1em }

freundliche Grüße
Ingo