PHP formatting error

jus71n742 · 05-15-2009, 09:01 PM

I have written a couple pages in PHP and I am having a difficult time getting everything displayed correctly. I have it all displaying but I believe there is a border issue. I have a sidebar on all the pages. When the home page comes up its on the top right, which is where I designated for it to be in the .css . The .php pages however show the information bar down at the bottom as well as making the footer much smaller than normal.
correct page : roanekarate.com
incorrect page: above with /press/press.php

all that is wrong in the sidebar to the right and footer at the bottom.

Code:

     /* Sidebar */
    #sidebar {
    	float: right;
    	width: 280px;
    }
    #sidebar ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    #sidebar li {
    	margin-bottom: 20px;
    	background: #1A1A1A;
    	border: 5px solid #050505;
    }
    #sidebar li ul {
    	padding: 20px;
    }
    #sidebar li li {
    	margin: 0;
    	background: none;
    	border: none;
    }
    #sidebar li li a {
    	padding-left: 15px;
    	background: url() no-repeat left center;
    	text-decoration: none;
    }
    #sidebar li li a:hover {
    	text-decoration: underline;
    }
    #sidebar h2 {
    	height: 40px;
    	margin: 0;
    	padding: 10px 0 0 10px;
    	background: #1A1A1A url() repeat-x;
    	letter-spacing: -1px;
    	font-size: 1.8em;
    	color:#FFFFFF;
    	
    }
    /* Footer */
    #footer {
    	clear: both;
    	height: 100px;
    	padding: 20px;
    	background: #1A1A1A;
    	border-top: 10px solid #050505;
    }
    #footer p {
    	margin: 0;
    	text-align: center;
    	color: #444444;
    }
    #footer a {
    	color: #444444;
    }

If anyone thinks it could be in the PHP then let me know and I will put it up.

dogpatch · 05-16-2009, 10:45 AM

Do a "View Source" from your browser on each of the two pages to find discrepancies.

My first guess is that the test page may have one or more <div> tags without corresponding </div> end tags. The W3C validator at http://validator.w3.org is very helpful in this regard.

Also, since the test page is in a side folder, make sure your references to stylesheets, images, etc. are correctly descending the directory tree with "../" parent folder references.

jus71n742 · 05-20-2009, 02:07 PM

Quote:

Originally Posted by dogpatch

Do a "View Source" from your browser on each of the two pages to find discrepancies.

My first guess is that the test page may have one or more <div> tags without corresponding </div> end tags. The W3C validator at http://validator.w3.org is very helpful in this regard.

Also, since the test page is in a side folder, make sure your references to stylesheets, images, etc. are correctly descending the directory tree with "../" parent folder references.

Its the same code exactly, I copied the file into each directory unmodified. just so I wouldn't have to do a long address. I even went back and put each CSS to the other pages (PHP and HTML) and switched the paths all around...still same error.

harry edwards · 05-20-2009, 02:22 PM

I would start by fixing any error reported by the W3C Mark-up validator. The offending page has 84 errors. One of these may be the cause of your problem.

dogpatch · 05-21-2009, 10:29 AM

Quote:

Originally Posted by jus71n742

Its the same code exactly, I copied the file into each directory unmodified. just so I wouldn't have to do a long address. I even went back and put each CSS to the other pages (PHP and HTML) and switched the paths all around...still same error.

When i do a "View Source" from my browser on the two pages, they are very different. Too many discrepancies to list here. Just try the "View Source" route and see for yourself. Obviously, your php script is not generating the markup code that you think it is.