CSS problem.. fine in IE not in Opera

Cynical

Cynical

Active Member
Messages
3,492
Reaction score
0
Points
36
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
 
dharmil

dharmil

New Member
Messages
1,656
Reaction score
0
Points
0
HTML: 
<!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:
Cynical

Cynical

Active Member
Messages
3,492
Reaction score
0
Points
36
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 :).
 
You must log in or register to reply here.
Top