nicht angemeldet
Hallo,
ich möchte eine "Frame"-Anwendung mit CSS erstellen, links das
Inhaltsverzeichnis, rechts zugehörige Information.
Im rechten Teil soll oben in einem farbigen Balken ein Titel stehen.
Der Balken soll direkt an den linken (Verzeichnis-) Teil
anschliessen und bis zum rechten Rand gehen.
Zuerst meine Frage, bevor ich die Details schildere.
Kann man die margin-left-Angabe u.a. auch in Abhängigkeit von den
Browsereinstellungen beim Anwender ermitteln?
Vor längerer Zeit habe ich im Selfhtml folgende 'Formel' zur
Ermittlung der Position eines containers gesehen:
margin-left der Navi + border der Navi +
2* padding der Navi width der Navi.
Da kam ich auf 19.6 em
Bei einer Font-Size in css von 75% von (standardmäßig) 16px = 12px
ergab dies 19.6*12 = 235.2px.
Bei einer font-size der Schrift in dem Balken von 2.5 em = 30px
ergab dies eine margin-left für den Balken von
235.2 / 30 = 7.84em.
Ich habe daher in CSS angegeben:
#Balken {margin-top:0em;
margin-left: 7.84em;
color:#E0FFA0;
background-color:#5A7333;
text-align:center;
font-size:2.5em;}
Das hat auch wunderbar gepasst, bis ich dahinter kam, dass man ja
die Schriftgröße im Browser individuell verändern kann.
Und da sieht das ganze dann nicht mehr schön aus.
Entweder der Balken reicht links in das Inhaltsverzeichnus oder es
klafft eine Lücke.