Search code examples
htmlcssbrowseropera

css calc() is not working in opera

I have this divs:

<div id="outside">
    <div class="inside"></div>
</div>

CSS:

#outside {
    width:100px;
    height:100px;
    position: relative;
}
.inside {
    width:calc(100% - 50px);
    height:calc(100% - 50px);
}

JSFIDDLE

Chrome, Firefox and Safari (mac) work as expected, however Opera (mac) is not recognising the calc() property,and ignoring it.

Is this a bug? I posted a similar problem in Opera here.

Solution

  • Seems like the Opera browser offered in the App Store is version 12, more than a year and a half outdated (actual is 25). Downloading it directly from their website and opening the jsfiddle doesnt show any conflict. Thanks for the comments.