468,136 Members | 1,416 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,136 developers. It's quick & easy.

padding erases border of outer box.


This is apparently an ie display bug, I can't seem to figure out which
ie bug this is.

a 3 sided border is created by wrapping the 'inner' box in the 'middle'
box and padding the 'middle' box 1px on 3 sides. It looks the same in
firefox and ie.

Then the same box is wrapped in yet another box with a red border on the
bottom. In Firefox the 'middle' box still has padding on only 3 sides,
and the red border is showing on the bottom. In ie the 'middle' box now
has padding on all four sides. Not only that, the padding on the bottom
of the 'middle' box is now hiding the bottom border of the 'outer' box

What happened to the red border ?
here is the link: http://reenie.org/test7.php

here is the stylesheet:

..red { background-color:#C80080;}
..white { background-color:white;}
background-color: #FFFFFF;


border-color: #C80080;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;

Jul 20 '05 #1
0 1581

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Saiyan Vejita | last post: by
5 posts views Thread by Thomas Mlynarczyk | last post: by
6 posts views Thread by Skip Hollowell | last post: by
reply views Thread by Red | last post: by
14 posts views Thread by D. Alvarado | last post: by
8 posts views Thread by cosmic foo | last post: by
4 posts views Thread by Mark.Larsen | last post: by
36 posts views Thread by phil-news-nospam | last post: by
1 post views Thread by gcdp | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.