Forums
View unanswered posts | View active topics It is currently Sat Dec 16, 2017 1:19 am



Reply to topic  [ 1 post ] 
 Problem with box-shadow + border 
Author Message

Joined: Thu Jan 26, 2012 9:58 am
Posts: 2
Post Problem with box-shadow + border
EDIT: I feel like a moron, but after searching for some sort of fix for about 45 minutes I finally came across one. If anyone else is having this problem, set "border:0;" on body.

I'm having a problem when combining a border with a box-shadow in which the border is at the top left corner, while the shadow shifts the box down-right. I've attached an image to make this easier to understand.

Attachment:
css3pieproblem.JPG [4.9 KiB]
Not downloaded yet

Here's my code in it's entirety:

Code:
<html>
<head>

</head>
<body>

<style type="text/css">

body{
   background-color:#F4F4F4;
}

.box{
   border: 1px solid #A7A7A7;
   width:400px;
   height:200px;
   -moz-box-shadow: 0 0 5px #888;
   -webkit-box-shadow: 0 0 5px #888;
   box-shadow: 0 0 5px #888;
   background:white;
   behavior: url(PIE.htc);
}
</style>

<div class="box">
TEST
</div>

</body>
</html>


Thu Jan 26, 2012 10:05 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: Steeler [Crawler], Yahoo [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.