CSS overflow property with margin?
This problem is with the blogger template I have created at http://se-lifestory.blogspot.com
When viewed in IE, the top margin of the box for the blog title looks fine. However, in Firefox, the margin won't show. ie there is no brown border on top of the box for the blog title.
I noticed it's the problem with the css overflow property. If I set this to auto or scroll, the border will show but I'll get unnecessary scrollbars in Firefox. If I set this to visible or don't set the overflow property at all, it's back to this problem described. It seems as though the overflow:visible tag rendered the margin tag useless.
codes with the overflow tag:
codes with the margin tag:
padding: 0px 0px 0px 0px
Any ideas anyone? Is there a way for me to get the border on top of the title box to show like it is as rendered in IE?
border:2px solid #CCCCCC;
font-family:Georgia, "Times New Roman", Times, serif;
margin:20px 15px 20px 180px
Did you try overflow: hidden;?
If I use hidden, then not everything will show on screen and that's worse than having no borders.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)