Forums
View unanswered posts | View active topics It is currently Wed Jul 30, 2014 7:20 pm



Reply to topic  [ 2 posts ] 
 Margin-top 
Author Message

Joined: Thu Aug 09, 2012 5:20 am
Posts: 1
Post Margin-top
Hi
I have the below code but for some reason in IE7 only it ignores the margin-top: 20px . It works ok in IE8 , please can someone help me

Thanks

Code:
<body>

<div class="navbar container">
       
        <div class="row-fluid">                   
          </div><!--/row-fluid -->
         
   <div class="well down">
        </div> <!--end well-->


</div> <!--end navbar container-->
</body>



Code:

.well{

   text-align: center;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: #ffffff;
   min-height:20px;
   margin-bottom:20px;
   border:1px  #eee;
   border:1px rgba(74,153,97,1);
   -webkit-box-shadow: 0px 0px 2px rgba(74,153,97,1);
   -moz-box-shadow: 0px 0px 2px rgba(74,153,97,1);
   box-shadow: 0px 0px 2px rgba(74,153,97,1);
   
   margin-top: 20px ;

   margin-right: 10px;
   margin-left: 10px;
   padding-right: 29px;
   padding-bottom: 17px;
   padding-left: 32px;   

   behavior: url(../shoehouse/PIE-1.0.0/PIE.htc);
}


Thu Aug 09, 2012 5:40 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Margin-top
This is due to a bug in IE related to hasLayout: http://css3pie.com/documentation/known- ... #hasLayout

Best recommendation I have is to work around it using something other than margin-top.


Thu Aug 09, 2012 9:42 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Google [Bot] and 4 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:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.