Results 1 to 1 of 1

Thread: CSS Woes [Resolved]

  1. #1

    Thread Starter
    Junior Member
    Join Date
    Apr 2004
    Posts
    21

    CSS Woes [Resolved]

    Edit: For anybody having the same problem, http://www.positioniseverything.net/easyclearing.html .

    I'm having a problem with the CSS on my site with Firefox. Strangely enough it's IE displaying it right, an sign of bad coding on my behalf I can imagine.

    The address is currently at http://213.249.172.174 , but I'm on a dial up so it won't be there for long.

    If you view the page in IE, you'll see the white box behind the content stretches to fit the size of its contents. In Firefox however, it doesn't. Any idea or suggestions would be greatly appreciated.

    Code:
    	body {
    		text-align:center;
    		background:#BDD2C4;
    		padding:10px 10px;
    		vertical-align: middle;
    		}
    
    	p,h1,pre {
    		margin:0px 10px 10px 10px;
    		}
    		
    	h1 {
    		font-size:14px;
    		padding-top:10px;
    		}
    
    	#frame {
    		width:600px;
    		background: #FFFFFF;
    		padding:25px 25px;
    		text-align:left;
    		vertical-align: middle;
    		font-family: Georgia, "Times New Roman", Times, serif;
    		}
    
    	#logo {
    		width:150px;
    		height:290px;
    		background:#FFFFFF url(logo.gif) no-repeat center center;
    		}
    
    	#contentheader {
    		background:#A9C5B2;
    		text-align: center;
    		color: #62836C;
    		}
    		
    	#contentheader h1 {
    		font-size:14px;
    		padding:5px;
    		margin:0px;
    		}
    
    	#contentleft {
    		width:150px;
    		padding:0px;
    		float:left;
    		background:#A9C5B2;
    		color: #FFFFFF;
    		font-size: 14px; text-align: center;
    		}
    
    	#contentleft A {text-decoration:none; color:#FFFFFF; }
    	#contentleft A:visisted {text-decoration:none; color:#FFFFFF; }
    	#contentleft A:hover {text-decoration:underline; }
    
    	#contentleft p {
    		font-size:14px;
    		font-weight: bold; margin-top: 10px;
    		color: #FFFFFF
    		}
    	
    	#contentcenter {
    		width:450px;
    		padding:0px 0px 15px 0px;
    		float:left;
    		font-size:12px;
    		background:#E3ECE6;
    		color: #62836C;
    		text-align: justify;
    		}
    
    	#contentcenter A{text-decoration:none; color:#FF0000; }
    	#contentcenter A:visisted {text-decoration:none; color:#FF0000; }
    	#contentcenter A:hover {text-decoration:underline; }
    
    	#contentcenter p {
    		font-size:12px;
    		margin:0px 15px 0px 15px;
    	}
    
    	#contentcenter h1 {
    		font-size:16px;
    		padding-top:10px;
    		margin:0px 15px 0px 15px;
    		}
    Last edited by Merrissey; Sep 12th, 2004 at 05:35 AM.

Posting Permissions

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



Click Here to Expand Forum to Full Width