Jump to content

there is strange space in firefox?

Guest daijun

By Guest daijun
in CSS

 Share

Recommended Posts

Guest daijun

Guest daijun

Posted
Posted

IN Dreamweaver:3.jpgIN FIREFOX:1.jpgIN IE 6.02.jpg:) appreciate for helping!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Welcome to C3hub.com</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css"><!--body{	background:#999;	text-align:center;	color: #999999;	background-color: #FFFFFF;	height: 100%;	font-family: Tahoma, Verdana, Arial;	margin: 0px;}#header{	width:776px;	margin-right: auto;	margin-left: auto;	padding: 0px;	text-align:left;	height: 95px;} #contain{	margin-right: auto;	margin-left: auto;	width: 776px;} #mainbg{	width:776px;	padding: 0px;	float: left;	background-color: #FF3300;}#right{float: right; margin: 2px 0px 2px 0px;padding:0px; width: 574px; background: #ccd2de;text-align:left;}#left{float: left; margin: 2px 2px 0px 0px; padding: 0px; background: #F2F3F7;width: 200px;text-align:left;}#menu {	float: right;	width: 530px;	margin-top: 29px;}#submenu {	background-color: #FF3300;	height: 20px;}#footer{clear:both;width:776px;margin-right: auto;margin-left: auto; padding: 0px;background: #EEE;height:60px;}.text{margin:0px;padding:20px;}#logo {	width: 168px;	height: 65px;	background-image: url(../images/logo.jpg);	background-repeat: no-repeat;	background-position: 0px 0px;	margin-top: 5px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 5px;	float: left;}.hackbox {	clear: both;}#topmenu {	float: right;	height: 20px;	width: 550px;}#topmenu {	height:20;	margin:0px;}#topmenu li {	float:left;	list-style-type:none;	margin: 0px;	padding: 0px;}#topmenu li a {	display: block;	text-decoration: none;	color: #FF6600;	text-align: center;	height: 20px;	padding-top: 6px;	font-size: 11px;	width: 78px;}#nav {	height: 26px;	margin: 0px;}#nav li{	float: left;	list-style-type: none;	margin: 0px;	padding: 0px;}#nav li a{	display: block;	text-decoration: none;	color: #FFFFFF;	background-color: #FF9751;	text-align: center;	height: 20px;	width: 97px;	padding-top: 6px;	font-size: 12px;	font-weight: bolder;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #FFFFFF;}#nav li a#current{	background:#FF3300;	color:#FFFFFF;}font {	font-family: Tahoma, Verdana, Arial;}--></style></head><body><div id="header">  <div id="logo"></div>	<div id="topmenu">	  <ul id="topmenu">		<li><a href="#">About Us</a></li>		<li><a href="#">shopping cart</a></li>		<li><a href="#">Login</a></li>		<li><a href="#">Join Free</a></li>		<li><a href="#">Help</a></li>		<li><a href="#">Enquiry</a></li>		<li><a href="#">Message</a></li>	  </ul>	</div>	<div id="menu">	<ul id="nav">	<li><a href="#" id="current">Home</a></li>	<li><a href="#">Selling</a></li>	<li><a href="#">Buying</a></li>	<li><a href="#">My C3</a></li>	<li><a href="#">Resource</a></li>  </ul></div>  <div class="hackbox"></div>  <div id="submenu">sadddd</div></div><div id="contain"><div id="mainbg">  <div id="right"><div class="text">right  <p> </p>  <p> </p>  <p> </p>  <p> </p>  <p> </p>  <p> </p>  <p> </p>  <p> </p></div></div>  <div id="left"><div class="text">  <p>left</p>  <p> </p>  </div></div><div class="hackbox"></div></div></div><div id="footer">footer</div></body></html>

Link to comment
Share on other sites
datla Newbie

datla

Posted
Posted

You can try this code.I think It can.I tried in Netscape. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Welcome to C3hub.com</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css"><!--body{	background:#999;	text-align:center;	color: #999999;	background-color: #FFFFFF;	height: 100%;	font-family: Tahoma, Verdana, Arial;	margin: 0px;}#header{	width:776px;	margin-right: auto;	margin-left: auto;	padding: 0px;	text-align:left;	height: 95px;} #contain{	margin-right: auto;	margin-left: auto;	width: 776px;} #mainbg{	width:776px;	padding: 0px;	float: left;	background-color: #FF3300;}#right{float: right; margin: 2px 0px 2px 0px;padding:0px; width: 574px; background: #ccd2de;text-align:left;}#left{float: left; margin: 2px 2px 0px 0px; padding: 0px; background: #F2F3F7;width: 200px;text-align:left;}#menu {	float: right;	width: 534px;	margin-top: 29px;}#submenu {	background-color: #FF3300;	height: 20px;}#footer{clear:both;width:776px;margin-right: auto;margin-left: auto; padding: 0px;background: #EEE;height:60px;}.text{margin:0px;padding:20px;}#logo {	width: 168px;	height: 65px;	background-image: url(../images/logo.jpg);	background-repeat: no-repeat;	background-position: 0px 0px;	margin-top: 5px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 5px;	float: left;}.hackbox {	clear: both;}#topmenu {	float: right;	height: 20px;	width: 550px;}#topmenu {	height:20;	margin:0px;}#topmenu li {	float:left;	list-style-type:none;	margin: 0px;	padding: 0px;}#topmenu li a {	display: block;	text-decoration: none;	color: #FF6600;	text-align: center;	height: 20px;	padding-top: 6px;	font-size: 11px;	width: 78px;}#nav {	height: 26px;	margin: 0px;	padding: 0px;}#nav li{	float: left;	list-style-type: none;	margin: 0px;	padding: 0px;}#nav li a{	display: block;	text-decoration: none;	color: #FFFFFF;	background-color: #FF9751;	text-align: center;	height: 20px;	width: 97px;	padding-top: 6px;	font-size: 12px;	font-weight: bolder;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #FFFFFF;}#nav li a#current{	background:#FF3300;	color:#FFFFFF;}font {	font-family: Tahoma, Verdana, Arial;}--></style></head><body><div id="header">	<div id="logo"></div>	<div id="topmenu">		<ul id="topmenu">			<li><a href="#">About Us</a></li>			<li><a href="#">shopping cart</a></li>			<li><a href="#">Login</a></li>			<li><a href="#">Join Free</a></li>			<li><a href="#">Help</a></li>			<li><a href="#">Enquiry</a></li>			<li><a href="#">Message</a></li>		</ul>	</div>	<div style="clear: right"></div>	<div id="menu">		<ul id="nav">			<li><a href="#" id="current">Home</a></li>			<li><a href="#">Selling</a></li>			<li><a href="#">Buying</a></li>			<li><a href="#">My C3</a></li>			<li><a href="#">Resource</a></li>		</ul>	</div>	<div class="hackbox"></div>	<div id="submenu">sadddd</div></div><div id="contain">	<div id="mainbg">		<div id="right">			<div class="text">right				<p> </p>				<p> </p>				<p> </p>				<p> </p>				<p> </p>				<p> </p>				<p> </p>				<p> </p>			</div>		</div>		<div id="left">			<div class="text">				<p>left</p>				<p> </p>			</div>		</div>		<div class="hackbox"></div>	</div></div><div id="footer">footer</div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...