p2p.wrox.com Forums

p2p.wrox.com Forums (http://p2p.wrox.com/index.php)
-   BOOK: Professional CSS: Cascading Style Sheets for Web Design (http://p2p.wrox.com/forumdisplay.php?f=184)
-   -   Dealing with IE for Round-Cornered Boxes (http://p2p.wrox.com/showthread.php?t=33100)

AGS September 3rd, 2005 03:07 PM

Dealing with IE for Round-Cornered Boxes
 
I have a question concerning “Dealing with Internet Explorer” part of section “Creating Fixed-Width, Round-Cornered Boxes”. There is an example of .box h2 {…} selector which applies image with rounded corners to the top of our box. But when I tried to use the same technique for the bottom <p/> element (there is no such example in the book) my attempt failed. The border of the box just shifted up the number of pixels designated in margin-bottom (for example -24px as I am using 20px for padding and 4px for border) and the image is overlapped with background color. The CSS I am using is
Code:

#box p.last {
    background: url("i/bottom.gif") left bottom no-repeat;
    margin: 0px -24px -24px -24px;
    padding: 0px 20px 20px 20px; 
}

 The same code is working for Firefox just fine but my goal is Internet Explorer.
Best regards,
Alexei


ftor August 31st, 2007 06:30 AM

Hey guys how to round bottom corner in IE?



All times are GMT -4. The time now is 07:41 AM.

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.