+ Reply to Thread
Results 1 to 3 of 3

Thread: CSS problem.. fine in IE not in Opera

  1. #1
    Cynical's Avatar
    Cynical is offline Lord Of The Keys Cynical is an unknown quantity at this point
    Join Date
    Sep 2005
    Location
    Massachusetts, USA
    Posts
    1,746

    CSS problem.. fine in IE not in Opera

    I don't feel like re-typing everything, so please just read it all here: http://gmot.chronic667.com/index.php?topic=2146

    The thing is, though I suspect it to be an Opera-compatibility error, I am not using any CSS or anything that I haven't tested with Opera before...

    Thanks for any help ,
    --Cynical
    Seven: This rule is so underrated, keep your family and business completely separated.

  2. #2
    dharmil's Avatar
    dharmil is offline x10 Elder dharmil is an unknown quantity at this point
    Join Date
    Sep 2005
    Location
    Avenel New Jersey
    Posts
    828

    Re: CSS problem.. fine in IE not in Opera

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    	<title>SN Software</title>
    	<meta http-equiv="Content-Type"="text/html; charset=ISO-8859-1">
    	<meta http-equiv="Content-Style-Type" content="text/css">
    <style type="text/css">
    #wrapper {
      margin: 0 auto;
      width: 750px;
      margin: 0 auto 0 auto;
    	position: inherit; 
    }
    
    body {
      background-color: #2A2A49; 
      font-family: Verdana;
      font-size: 12px;
      color: #222222;
      padding: 0px;
      width: 750px;
      margin: 0 auto;	
      text-align: center;
    }
    
    .page_top {
      width: 750px;
      height: 150px;
      background: url("http://www.cynicalgames.com/cgx/images/page_top.png") no-repeat;
    }
    
    .page_main {
      width: 750px;
      background: url("http://www.cynicalgames.com/cgx/images/page_mid.png") repeat-y;
      text-align: center;
      height:inherit;
    }
    
    .page_left {
      width: 190px;
      float: left;
    }
    		.page_void_left {
      		  width: 30px;
     		  padding: 0px;
     		  margin: 0px;
      		  float: left;
    		}
    		
    		.page_nav {
    	  	  width: 158px;
    	  	  float: right;
    		  text-align: center;
    		  padding: 0px;
    		  margin: 0px;
    		}
    				
    				.page_nav_top {
    				  background: url("http://www.cynicalgames.com/cgx/images/page_nav_top.png") no-repeat;
    				  height: 30px;
    				  width: 160px;
    				  padding: 0px;
    				}
    				
    				.page_nav_sub {
    				  background: url("http://www.cynicalgames.com/cgx/images/page_nav_sub.png") no-repeat;
    				  height: 24px;
    				  width: 160px;
    				  padding: 0px;
    				}
    				
    				.page_nav_item {
    				  background: url("http://www.cynicalgames.com/cgx/images/page_nav_item.png") no-repeat;
    				  height: 24px;
    				  width: 160px;
    				  padding: 0px;
    				}
    				
    				.page_nav_item_bottom {
    				  background: url("http://www.cynicalgames.com/cgx/images/page_nav_item_bottom.png") no-repeat;
    				  height: 24px;
    				  width: 160px;
    				  padding: 0px;
    				}
    				  
    
    .page_right {
      width: 560px;
      float: right;
    }
    
    		.page_void_right {
     		  width: 30px;
    		  padding: 0px;
    		  margin: 0px;
    		  float: right;
    		}
    	
    		.page_content {
    	  	  width: 526px;
    		  float: left;
    		  text-align: center;
    		  padding: 0px;
    		  margin: 0px;
    		}
    
    .page_foot {
      background: url("http://www.cynicalgames.com/cgx/images/page_bottom.png") no-repeat;
      height: 71px;
      width: 750px;
      clear: both;
    }
    </style>
    </head>
    
    <body>
    	<div id="wrapper">
    
    	
    		<div class="page_top"></div>
    		
    		<div class="page_main">
    			<div class="page_left">
    				<div class="page_void_left"></div>
    				<div class="page_nav">
    					<div class="page_nav_top"></div>
    					<div class="page_nav_item">item</div>
    					<div class="page_nav_sub"></div>
    
    					<div class="page_nav_item_bottom"></div>
    			    	</div>
    			</div>
    			<div class="page_right">
    				<div class="page_content">content</div>
    				<div class="page_void_right"></div>
    			</div>
    		</div>
    
    		
    		<div class="page_foot"></div>
    			
    	</div>
    </body>
    
    </html>
    but the back ground in page_main dosent show upnow...
    Last edited by dharmil; 07-20-2006 at 09:00 PM.

  3. #3
    Cynical's Avatar
    Cynical is offline Lord Of The Keys Cynical is an unknown quantity at this point
    Join Date
    Sep 2005
    Location
    Massachusetts, USA
    Posts
    1,746

    Re: CSS problem.. fine in IE not in Opera

    Someone on another forum fixed it, but thanks . If you'd like to see what he came up with, read the topic I posted above.

    Thanks anyways .
    Seven: This rule is so underrated, keep your family and business completely separated.

+ Reply to Thread

Similar Threads

  1. Ads Problem
    By jsobeck in forum Free Hosting
    Replies: 5
    Last Post: 07-20-2006, 12:04 AM
  2. And yet another problem
    By deuZige in forum Free Hosting
    Replies: 5
    Last Post: 02-01-2006, 09:34 AM
  3. Ad code problem!
    By Akkarin in forum Free Hosting
    Replies: 8
    Last Post: 08-29-2005, 10:39 AM
  4. Problem With Stats
    By Articz in forum Free Hosting
    Replies: 2
    Last Post: 04-14-2005, 04:02 PM
  5. Ftp Timeout problem
    By ironcross77 in forum Free Hosting
    Replies: 7
    Last Post: 04-12-2005, 08:53 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers