I’ve been working websites for 15 years. PHP/mySQL for about 8. I’m not even sure what to say about this one.
Site being developed at http://173.201.224.43/Jason_Borjeson/jeba2012/site/index.php
css is at http://173.201.224.43/Jason_Borjeson/jeba2012/site/css/site.css
it is database driven with only one page, all url’s are redirected through htaccess – just like wordpress. One html template and one css file.
Just went over the code – html5 and css3 compliant.
I compared generated source for the main page and one of the others and the only thing that changes is the content of 2 meta tags and the actual text of the page.
the main page (at url above) works great. but the links, which do pull up the correct test data, gets screwed up. I’ve checked in IE, FF, Safari, Chrome and Opera on OSX and Win – the result is the same in all of them.
Flushed cache on windows (which I am working on). Logged in to the Mac so no flush was needed.
I love css but it is not my strong suit. So, the main page is looking how it should. I am thinking I have my page structure wrong?
It’s the differing height of the
col-midelement. You have more text in it on the home page.This causes your
div#pageto have a different height, and when its height is too small, everything flies to the top of the page (when theid="page"element can fit above the others it does so).You need to set some
min-heights on elements or otherwise rein in your CSS. No poltergeists here.Hint: use Chromium’s “inspect element” function, it’s a lifesaver to figure out what’s up with CSS. It even lets you add and modify properties on the fly to see what the site would look like “if I did X”.