Forums
View unanswered posts | View active topics It is currently Fri Oct 24, 2014 3:20 pm



Reply to topic  [ 10 posts ] 
 borders getting cut off 
Author Message

Joined: Tue May 01, 2012 2:23 pm
Posts: 1
Post borders getting cut off
This has been happening to me on a couple different sites.... I use PIE to set rounded corners, but it appears like the right and bottom edges of my PIE-enabled elements are getting cut off slightly. I'm attaching a screen shot. The code here is truncated but it's just HTML for random text and styling of that text

HTML:

Code:
               <div id="content_main">
                     <blockquote>
                         <h2>This is a callout H2</h2>
                         <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget velit   vel nunc hendrerit condimentum non ac nibh. Vestibulum ante ipsum primis   in faucibus orci luctus et ultrices posuere cubilia Curae; Donec   accumsan venenatis mi sed euismod. </p>
                        <h3>This is a callout H3</h3>
                        <p> Nullam eu metus quis massa rhoncus convallis. Nam quis urna in arcu   interdum lobortis. Sed id consequat urna. Vestibulum ultricies, felis a   tempus consectetur, enim purus pharetra nulla, nec sollicitudin turpis   sapien eget urna. Praesent luctus ante quis turpis scelerisque placerat.  </p>
                    </blockquote>
                </div>

CSS:
Code:
   #content_main {width:672px; padding:22px 29px; float:left; position:relative; z-index:0;}   
       
        #content_main blockquote {width:492px; border:#999 1px solid; padding:32px 26px; background:#fff5cc;  margin:0 0 15px; padding-bottom:20px; border-radius: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow:hidden; position:relative; left:63px;  behavior: url(/dev/PIE.htc);}


Attachments:
pie.gif [27.67 KiB]
Not downloaded yet
Tue May 01, 2012 2:30 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: borders getting cut off
A few things to look at:
1) Is the browser zoomed in/out at all
2) Is the document being rendered in quirks mode
3) If #2 is yes, then does adding body{border:0} help?


Tue May 01, 2012 3:27 pm
Profile

Joined: Fri May 04, 2012 7:41 am
Posts: 2
Post Re: borders getting cut off
Hi,

I have the exact same problem.

1) The browser is not zoomed
2) The document is not being rendered in quirks mode.

The problem happens in IE7 and IE8 but not in IE9

Added to the borders being cut off, I have another problem : the background (image) is shifted 1px from the top border (it adds a line of 1px with the background color of the parent)


Fri May 04, 2012 7:52 am
Profile

Joined: Fri May 04, 2012 3:40 pm
Posts: 3
Post Re: borders getting cut off
Bump

I have the same issue, its like the content has a white background and is 1px too wide.

Right and bottom border cut off.

OMG I utterly despise Internet Explorer...


Fri May 04, 2012 3:43 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: borders getting cut off
Do any of you guys have a live site I can look at that demonstrates the problem? The code snippet above works properly for me when I paste it into a fresh document, and the "me too" posts don't give me much to go on.


Fri May 04, 2012 4:12 pm
Profile

Joined: Fri May 04, 2012 3:40 pm
Posts: 3
Post Re: borders getting cut off
Here you go...

http://www.cardewgroup.co.uk/cardewtest ... Itemid=147


Sat May 05, 2012 7:41 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: borders getting cut off
@davidosullivan thanks for the link, but it's not obvious to me what part of the page is misrendering. Can you clarify?

Screenshot: http://cl.ly/2D3P40210r1M1X05220f


Sat May 05, 2012 9:16 am
Profile

Joined: Fri May 04, 2012 3:40 pm
Posts: 3
Post Re: borders getting cut off
Ok thats interesting, I have been testing in IE7/8 mode in IE9 in Windows 7- so it looks like it maybe an issue with that. Thanks for taking the time to look. I will run some tests on the web service to check IE7/8 and let you know if there are any further issues...

Thanks again


Sat May 05, 2012 9:29 am
Profile

Joined: Fri May 04, 2012 7:41 am
Posts: 2
Post Re: borders getting cut off
Huh, strangely the problem seems to have disappear... :?


Mon May 07, 2012 6:06 am
Profile

Joined: Mon Apr 11, 2011 4:54 pm
Posts: 53
Post Re: borders getting cut off
@davidosullivan (and others reading this), this is one-of-many reasons why I tell IE9 to stick to IE9 mode, as the IE7/IE8 emulations don't really do the job. If you want to test in older IE browsers, use a VM (see the post Tips on reliably testing different IEs).


Tue May 15, 2012 9:58 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 10 posts ] 

Who is online

Users browsing this forum: No registered users 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.