Hi,
I am trying to create an css box with rounded corners. In the "browser" its working fine, but the Kindlepreviewer (Windows version running with wine) is not showing it correctly. Is it may be not supported?
css:
Code:
body {
background-color: #E0E0E0;
}
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }
and html:
Code:
<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<p style="text-align: center; font-size:450%;">1.</p>
</div><!-- /rbcontent -->
<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->
In the previewer the background is okay, but its not possible to see any box. Can some body see my mistake or have done that before?
kind regards
JiYu