February 23rd, 2004, 07:23 PM
|
|
Registered User
|
|
Join Date: Feb 2004
Posts: 4
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
|
css box overflow issue
I have an annoying problem that causes my css boxes to overflow in IE.
You can see the problem here
URL
The CSS for these boxes is as follows
Code:
.rbroundbox { background: url(images/postbackground.gif) repeat; }
.rbtop div { background: url(images/topleft.gif) no-repeat top left; }
.rbtop { background: url(images/topright.gif) no-repeat top right; }
.rbbot div { background: url(images/bottomleft.gif) no-repeat bottom left; }
.rbbot { background: url(images/bottomright.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: 60%; margin: 1em auto; }
The HTML is
Code:
<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<b>[INSERT TITLE]</b>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
[INSERT NEWS]
</td>
</tr>
</table>
<p><font face="Tahoma" size="2">Posted by <a href="mailto:[INSERT EMAIL]">[INSERT REALNAME]</a> at [INSERT DATE]</font></p>
</div><!-- /rbcontent -->
<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->
What is causing the overflow in IE? it doesnt show up in any other browser I know of.
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
