The My Opera forums have been replaced with forums.opera.com. Please head over there to discuss Opera's products and features

See the new Forums

Scrollbars appear when box-shadow is set and width/height is 100%

Forums » Dev.Opera » Archived Opera Web Standards Curriculum Discussions

You need to be logged in to post in the forums. If you do not have an account, please sign up first.

Go to last post

22. November 2011, 14:05:35

4dllmg

Posts: 1

Scrollbars appear when box-shadow is set and width/height is 100%

This is a sample code of the problem I found. With both properties set (width:100%; box-shadow:Apx Bpx Cpx #color), the browser window understands that the content is larger than 100% and shows the horizontal scrollbar. Same thing happens with height:100%;

<html>
<head>
<style type="text/css">
*{padding:0px;margin:0px;}
#example{height:100%;width:100%;box-shadow:0px 1px 5px #444;background:red;}
</style>
</head>
<body>
<div id='example'></div>
</body>
</html>

9. December 2011, 14:03:57

brucelawson

Posts: 57

Hi, can you give me more information? Your code simply fills my screen red. What result were you expecting?

Forums » Dev.Opera » Archived Opera Web Standards Curriculum Discussions