CSS: calc(100%-50px) funktioniert nicht
Frage von Compi | 10.03.2016 um 12:29
Als ich das erste Mal von der neuen CSS calc-Funktion gehört habe, war ich unglaublich begeistert! Was kann man damit alles lösen.
Umso größer war die Enttäuschung, als ich versucht habe es auszuprobieren. Ich habe einem Element die Breite "width: calc(100%-50px)" zugewiesen und es funktioniert einfach nicht. Alles bleibt beim alten.
Obwohl ich die neueste Browser-Versionen nutze und es zum Beispiel im Firefox seit der Version 16 funktionieren soll und im Chrome-Browser seit der Version 26, funktioniert gar nichts. Was mache ich bloß falsch?
Ähnliche Themen
CSS-Stylesheets in HTML einbinden
Tutorial | 0 Kommentare
Website Performance: Javascript und CSS komprimiert ausliefern und Ladezeiten verkürzen
Tutorial | 0 Kommentare
jQuery: CSS Stylesheet Switcher
Tutorial | 1 Kommentar
Bilder, CSS, JS und Seiten neu laden trotz Browser-Cache
Tipp | 2 Kommentare
Hintergrund einer Website verdunkeln (Gray Out Effekt)
Tutorial | 0 Kommentare
CSS: Tabellenzeilen abwechselnd einfärben nur mit CSS
Tutorial | 0 Kommentare
Mouseover Buttons mit CSS ohne Nachladen
Tutorial | 0 Kommentare
Wichtiger Hinweis
Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.
Jetzt mitmachen
Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.
Ich habe es auch soeben ausprobiert und scheinbar sind Leerzeichen zwischen den Operatoren notwendig. Bei mir funktioniert "calc(100%-50px)" auch nicht, schreibe ich es mit Leerzeichen "calc(100% - 50px)" geht es aber.
Probier das einmal aus, dann sollte es vermutlich bei dir auch funktionieren.
10.03.2016 um 14:48
In der Tat! Das war das Problem!
Ist zwar komisch, aber jetzt funktioniert zum Glück. Vielleicht braucht der Interpreter die Leerzeichen um die Bestandteile der Rechnung richtig zuzuordnen.
10.03.2016 um 15:20