SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict ghostme's Avatar
    Join Date
    Feb 2005
    Posts
    371
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    can't get layout centered on firefox

    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
    What sitepoint made me to do:
    Select from 1,2,3,4,5,6,7 8 9where name='ghostme'

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,352
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It looks centred to me in Firefox or were you talking about some inner elements that we can't see?

  3. #3
    SitePoint Addict ghostme's Avatar
    Join Date
    Feb 2005
    Posts
    371
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nah paul i just check it out again in firefox, it is not centred. don't really know what i am doing wrong.
    What sitepoint made me to do:
    Select from 1,2,3,4,5,6,7 8 9where name='ghostme'

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,352
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    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!

  5. #5
    SitePoint Addict ghostme's Avatar
    Join Date
    Feb 2005
    Posts
    371
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hey paul got it sorted.
    Thanks man
    What sitepoint made me to do:
    Select from 1,2,3,4,5,6,7 8 9where name='ghostme'


Bookmarks

Posting Permissions

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