Hallo
Also eventuell stehe ich auf dem Schlauch, aber ich sehe nicht, wie die auf der von dir verlinkten Seite angegebenen CSS-Variablen, mit dem zu tun haben, was ich beschrieb.
Die beschriebene var()-Funktion bezieht sich doch nur auf vorher definierte Variablen, deren Definition mit var-* eingeleitet wird.
Ich lese jedenfalls auf der Seite nirgends heraus, dass man damit auch auf "reguläre" Werte wie eben width, height, border-width und dergleichen zugreifen können dürfte.
Wenn ich das richtig verstehe, funktioniert folgendes:
:root {
var-main-width: 46em;
var-aside-width: 14em;
}
html {
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}
body {
margin: 1em auto;
width: calc(var(main-width) + var(aside-width));
}
Tschö, Auge
--
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
Terry Pratchett, "Wachen! Wachen!"
ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
Veranstaltungsdatenbank Vdb 0.3
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
Terry Pratchett, "Wachen! Wachen!"
ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
Veranstaltungsdatenbank Vdb 0.3