| Author |
Message |
|
ctortola
Joined: Tue May 01, 2012 2:23 pm Posts: 1
|
 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 |
|
 |
|
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1396
|
 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 |
|
 |
|
oilvier
Joined: Fri May 04, 2012 7:41 am Posts: 2
|
 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 |
|
 |
|
davidosullivan
Joined: Fri May 04, 2012 3:40 pm Posts: 3
|
 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 |
|
 |
|
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1396
|
 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 |
|
 |
|
davidosullivan
Joined: Fri May 04, 2012 3:40 pm Posts: 3
|
 Re: borders getting cut off
|
| Sat May 05, 2012 7:41 am |
|
 |
|
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1396
|
 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 |
|
 |
|
davidosullivan
Joined: Fri May 04, 2012 3:40 pm Posts: 3
|
 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 |
|
 |
|
oilvier
Joined: Fri May 04, 2012 7:41 am Posts: 2
|
 Re: borders getting cut off
Huh, strangely the problem seems to have disappear... 
|
| Mon May 07, 2012 6:06 am |
|
 |
|
webaware
Joined: Mon Apr 11, 2011 4:54 pm Posts: 53
|
 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 |
|
|