SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Jul 2006
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS layout problem

    Ok i have been working a new layout for my site and for some reason internet explorer displays it correctly but in firefox the text goes over the footer. The only problem in IE is the little strip where it says // phpshack // home is a little off and doesn't line up, but in firefox that part is perfect.

    Here is the link: http://www.phpshack.net/testing/

    here is my css code for the site:

    Code:
    #main {
    	width: 800px;
    	min-height: 600px;
    	text-align:center;
    }
    
    #header {
    width: 792px;
    height: 101px;
    background-image:url(header.jpg);
    background-repeat:no-repeat;
    
    }
    
    #mid_header {
    width: 792px;
    height: 132px;
    background-image:url(bottom_header.jpg);
    background-repeat:no-repeat;
    }
    
    #mid_bannerad {
    padding-top: 20px;
    width: 792px;
    height: 80px;
    }
    
    #mid_strip {
    width: 792px;
    height: 29px;
    text-align:left;
    padding-left:10px;
    padding-top:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight:900;
    background-image:url(strip.jpg);
    background-repeat:no-repeat;
    }
    #content {
    min-height: 600px;
    }
    #left_nav {
    float: left;
    padding-left:10px;
    width: 200px;
    height:auto;
    text-align: left;
    border-right: dashed;
    border-right-color:#000000;
    }
    
    #right_content {
    text-align: left;
    padding-left:5px;
    height:auto;
    }
    
    #footer {
    width: 792px;
    height: 33px;
    background-image:url(footer.jpg);
    background-repeat:no-repeat;
    }
    Then my HTML code is:

    Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>phpShack // PHP Tutorials and Forums</title>
    <link rel="stylesheet" href="main_style.css" type="text/css" />
    </head>
    
    <body>
    
    <div id="main">
    <div id="header"></div>
    <div id="mid_header">
    <div id="mid_bannerad">
    <script type="text/javascript"><!--
    google_ad_client = "pub-6105630547956573";
    google_ad_width = 728;
    google_ad_height = 90;
    google_ad_format = "728x90_as";
    google_ad_type = "image";
    google_ad_channel ="";
    google_color_border = "336699";
    google_color_bg = "FFFFFF";
    google_color_link = "0000FF";
    google_color_text = "000000";
    google_color_url = "008000";
    //--></script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    </div>
    </div>
    <div id="mid_strip">// phpShack // HOME</div>
    <div id="content">
    <div id="left_nav">
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />
    asdasdasdasdas<br />
    asdasdasdasdasd <br />asdasdasdasdas<br />
    asdasdasdasdasd <br />
    </div>
    <div id="right_content">
    asdasdasdasda
    </div>
    </div>
    <div id="footer"></div>
    </div>
    </body>
    </html>
    http://www.phpshack.net/testing/

  2. #2
    SitePoint Zealot
    Join Date
    Apr 2006
    Location
    Ohio USA
    Posts
    171
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    #footer {
    clear:both;
    width: 792px;
    height: 33px;
    background-image:url(footer.jpg);
    background-repeat:no-repeat;
    }


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
  •