can't get layout centered on firefox

**ghostme** · Nov 8, 2007 08:32

Hello good pple of the forum, i am currently working on a asp.net project and i am having problems trying to get the layout centered on firefox, works well in IE.

here is my css code:

Code CSS:

body {
	margin:0px;
	background-color:#e7e7e7;
	padding:0px;
	text-align:center;
 
}
 
#wrapper {
	padding: 0px;
	width: 780px;
	margin:0px auto 0px auto;
	overflow:hidden;
	background-color:#f3eeeb;
}
 
#header{
width:780px;
height:211px;
}
 
#maincontent{
width:780px;
background-color:#f3eeeb;
overflow:hidden;
text-align:left;
}
 
#contentleft{
width:228px;
float:left;
background-color:#000;
overflow:hidden;
}
 
#contentright{
width:550px;
float:right;
background-color:#f3eeeb;
overflow:hidden;
}
 
#footer{
clear:both;
}
#footer #footerinfo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:0px;
	background-color: #ff9900;
	background-image: url(images/footerbg.jpg);
	background-repeat: no-repeat;
	height:41px;
	width: 780px;	
	text-align:left;
	}
	#footer #footerinfo #copyrightinfo{
	width:300px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 13px;
	text-align:left;	
	}
	#footer #footerinfo #footermenu{
	width:440px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 13px;
	text-align:center;
	}
 
#footer #footerinfo #footermenu a:link,#footer #footerinfo #footermenu a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
}

here is the asp.net page

Code Csharp:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head runat="server">
    <title>Untitled Page</title>
    <link href="devcontrol.css" rel="stylesheet" type="text/css" />
</head>
<body>
 
    <form id="wrapper" runat="server">
 
    <div id="header"><img src="images/header.jpg" /></div>
    <div id="maincontent">
    <div id="contentleft">
    </div>
    <div id="contentright">
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
    </div>
    </div>
<div id=footer>
<div id="footerinfo">
<div id="copyright">
copyright 2007
</div>
<div id="footermenu"></div>
</div>
</div>
    </form>
   </body>
</html>

Please help, thank you

**Paul O'B** · Nov 8, 2007 08:56

It looks centred to me in Firefox or were you talking about some inner elements that we can't see?

**ghostme** · Nov 8, 2007 09:29

Nah paul i just check it out again in firefox, it is not centred. don't really know what i am doing wrong.

**Paul O'B** · Nov 8, 2007 10:07

Nah paul i just check it out again in firefox, it is not centred.

Sorry but unless you explain what's not centred then I can't help you

Here is a picture of the layout the code you posted produces in IE and Firefox.

http://www.pmob.co.uk/temp/images2/ghostme.jpg

Both layouts are exactly the same!

**ghostme** · Nov 8, 2007 10:32

hey paul got it sorted.
Thanks man

User Tag List

Thread: can't get layout centered on firefox

Thread Tools

Display

can't get layout centered on firefox

Bookmarks

Bookmarks

Posting Permissions