Auge: Rechnen mit calc() – Wieso keine Bezugswerte möglich?

Beitrag lesen

Hallo

Tun sie doch.

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