www.webdeveloper.com
Results 1 to 3 of 3

Thread: CSS overflow property with margin?

  1. #1
    Join Date
    Jun 2005
    Posts
    8

    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:
    Code:
    #container {
    	background-color:#CC9955;
    	margin-bottom:0px;
    	margin-right:210px;
    	min-width:600px;
    	overflow:visible;
    	padding: 0px 0px 0px 0px
    }
    codes with the margin tag:
    Code:
    #blog-title {
    	background-color:#FFFFFF;
    	background-image: url("http://sechng.matthodology.com/images/dove.gif");
    	background-position:right bottom;
    	background-repeat:no-repeat;
    	border:2px solid #CCCCCC;
    	font-family:Georgia, "Times New Roman", Times, serif;
    	margin:20px 15px 20px 180px
    }
    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?

  2. #2
    Join Date
    Mar 2005
    Location
    Washington, USA
    Posts
    379
    Did you try overflow: hidden;?
    Jason Granger's Blog

    I'm an inactive member...

  3. #3
    Join Date
    Jun 2005
    Posts
    8
    If I use hidden, then not everything will show on screen and that's worse than having no borders.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles