...

View Full Version : PHP Page cut off on load



jchrisphonte
01-26-2012, 07:37 AM
Hey Guys,

A bit stumped with this one....
The index.php and reviews.php pages of my site load about 300px below the top of the page...

here is the page code and CSS below. feel free to let me know if this is a PHP CSS issue and I will repost to the appropriate section. excuse the messy coding -- this is my very first site...



<!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 charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Hedge Fund Events</title>
<style type="text/css">
body {
background-image:url('background.png');
}
</style>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/pagination.js"></script>
<script> htmlData('search.php', ''); </script>
<style type="text/css">
#sidebar img {
margin-bottom:10px;
}
</style>
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28203080-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</head>

<body>
<div class=wrapper>
<section id="bar">
<div class="header">
<div class="logo"><a href="index.php"><img src="logo.png"HEIGHT="80" width="200"/></a>
</div>
<div class="banner"><a href=http://www.thomsonreuters.com/><img src="thomson.gif"/></a>
</div>
</div>
<div class="navbar">

<ul class="firstbar">
<li><a href="index.php">Hedge Fund Events</a> </li>
<li><a href="calendar.php">Events Calendar</a> </li>
<li><a href="reviews.php">Submit Reviews</a> </li>
<li><a href="addevents.php">Add Events</a> </li>
<li><a href="directory.php">HF Vendors</a> </li>
</ul>
<ul class="secondbar">
<li><a href="contact.html">Contact</a></li>
<li><a href="adratetest.pdf">Advertise</a></li>
</ul>

</div>
</section>
<div id="container">
<div id="listing">
<!-- begin content -->
<div id="content">
<!-- begin form -->
<div id="form">
<input type="text" id="terms" size="40" onkeyup="getScriptPage('show_results','terms','1')" onblur="if ( this.value == '' ) this.value = this.defaultValue" onfocus="if ( this.value == this.defaultValue ) this.value = ''" value="type your search here" />
</div>
<!-- end form -->
</div>
<!-- end content -->
<span class='add'><a href='addevents.php' title='Add Event'>Add Event</a></span><p> ex. search by event, company, keyword, or city</p><br>
<!-- begin counter display -->
<div id="show_results"></div>
<!-- end counter display -->


<p style="font-family:arial;color:#C33;font-size:18px;margin-left: 35px ">
<a href="http://www.hedgevent.com/calendar.php?month=1&year=2012">Jan</a> |
<a href="http://www.hedgevent.com/calendar.php?month=2&year=2012">Feb</a> |
<a href="http://www.hedgevent.com/calendar.php?month=3&year=2012">Mar</a> |
<a href="http://www.hedgevent.com/calendar.php?month=4&year=2012">Apr</a> |
<a href="http://www.hedgevent.com/calendar.php?month=5&year=2012">May</a> |
<a href="http://www.hedgevent.com/calendar.php?month=6&year=2012">Jun</a> |
<a href="http://www.hedgevent.com/calendar.php?month=7&year=2012">Jul</a> |
<a href="http://www.hedgevent.com/calendar.php?month=8&year=2012">Aug</a> |
<a href="http://www.hedgevent.com/calendar.php?month=9&year=2012">Sep</a> |
<a href="http://www.hedgevent.com/calendar.php?month=10&year=2012">Oct</a> |
<a href="http://www.hedgevent.com/calendar.php?month=11&year=2012">Nov</a> |
<a href="http://www.hedgevent.com/calendar.php?month=12&year=2012">Dec</a>
</p>
<br>
<img src="hrline.png" HEIGHT="7" width="630"><br>
<br>
<h1 style="color:#999;margin-left: 205px">Upcoming Events</h1>
<br>
<div id="listing2">
<?php
require 'connect.inc.php';

$query = "SELECT id, event, company, location, city, month, day, year FROM calendar_event WHERE
year > '".date("Y")."' ||
(year = '".date("Y")."' && month > '".date("m")."') ||
(year = '".date("Y")."' && month = '".date("m")."' && day >= '".date("d")."')
ORDER by month,day ASC";

if ($query_run = mysql_query($query)) {
while ($query_row = mysql_fetch_assoc($query_run) ) {
$id= $query_row ['id'];
$event= $query_row ['event'];
$company= $query_row ['company'];
$location= $query_row ['location'];
$city= $query_row ['city'];
$month= $query_row ['month'];
$day= $query_row ['day'];
$year= $query_row ['year'];

$urlevent = str_replace(" ","_", $event);

echo '<div class="where"><a href="http://www.hedgevent.com/details/'.$urlevent.'-'.$id.'.html" class="event">'.$event.'</a></div>'.$company.'<div class="date">'.$month.'/'.$day.'/'.$year.'</div><br>'.$location.', '.$city.'<br><hr style= margin-top:5px;margin-bottom:5px;/>';
}

}
else{
echo mysql_error();
}
?>
</div>
</div>
<div id="vrule"><img src="vrline.png" HEIGHT="30800" width="12"></div>

<div id="sidebar"> <a href=http://www.advent.com/><img src="geneva.gif" HEIGHT="160" width="160"></a><a href=http://www.emirates.com/><img src="emirates.gif" HEIGHT="600" width="160"></a><a href=http://www.http://network.managedfunds.org//><img src="network.jpg" HEIGHT="600" width="160"></a><a href=http://www.convergex.com/><img src="convergex.gif" HEIGHT="600" width="160"></a><a href=http://www.ezecastle.com/><img src="ezecastle.gif" HEIGHT="600" width="160"></a><a href=http://http://www.maplesfundservices.com//><img src="maples.jpg" HEIGHT="600" width="160"></a><a href=http://www.sungard.com/><img src="sungard.gif" HEIGHT="600" width="160"></a><a href=http://www.ogier.com/><img src="ogier.gif" HEIGHT="600" width="160"></a><a href=http://www.scotia.com/><img src="scotia.gif" HEIGHT="600" width="160"></a><a href=http://www.sabrefund.com/><img src="sabre3.gif" HEIGHT="600" width="160"></a><a href=http://www.edhec.edu/><img src="edhec.jpg" HEIGHT="600" width="160"></a><img src="geneva.gif" HEIGHT="160" width="160"><a href=http://http://www.emirates.com/><img src="emirates.gif" HEIGHT="600" width="160"></a><a href=http://www.http://network.managedfunds.org//><img src="network.jpg" HEIGHT="600" width="160"></a><a href=http://www.convergex.com/><img src="convergex.gif" HEIGHT="600" width="160"></a><a href=http://www.ezecastle.com/><img src="ezecastle.gif" HEIGHT="600" width="160"></a><a href=http://http://www.maplesfundservices.com//><img src="maples.jpg" HEIGHT="600" width="160"></a><a href=http://www.sungard.com/><img src="sungard.gif" HEIGHT="600" width="160"></a><a href=http://www.ogier.com/><img src="ogier.gif" HEIGHT="600" width="160"></a><a href=http://www.scotia.com/><img src="scotia.gif" HEIGHT="600" width="160"></a><a href=http://www.sabrefund.com/><img src="sabre3.gif" HEIGHT="600" width="160"></a><a href=http://www.edhec.edu/><img src="edhec.jpg" HEIGHT="600" width="160"></a><img src="geneva.gif" HEIGHT="160" width="160"><a href=http://http://www.emirates.com/><img src="emirates.gif" HEIGHT="600" width="160"></a><a href=http://www.http://network.managedfunds.org//><img src="network.jpg" HEIGHT="600" width="160"></a><a href=http://www.convergex.com/><img src="convergex.gif" HEIGHT="600" width="160"></a><a href=http://www.ezecastle.com/><img src="ezecastle.gif" HEIGHT="600" width="160"></a><a href=http://http://www.maplesfundservices.com//><img src="maples.jpg" HEIGHT="600" width="160"></a><a href=http://www.sungard.com/><img src="sungard.gif" HEIGHT="600" width="160"></a><a href=http://www.ogier.com/><img src="ogier.gif" HEIGHT="600" width="160"></a><a href=http://www.scotia.com/><img src="scotia.gif" HEIGHT="600" width="160"></a><a href=http://www.sabrefund.com/><img src="sabre3.gif" HEIGHT="600" width="160"></a><a href=http://www.edhec.edu/><img src="edhec.jpg" HEIGHT="600" width="160"></a><img src="geneva.gif" HEIGHT="160" width="160"><a href=http://http://www.emirates.com/><img src="emirates.gif" HEIGHT="600" width="160"></a><a href=http://www.http://network.managedfunds.org//><img src="network.jpg" HEIGHT="600" width="160"></a><a href=http://www.convergex.com/><img src="convergex.gif" HEIGHT="600" width="160"></a><a href=http://www.ezecastle.com/><img src="ezecastle.gif" HEIGHT="600" width="160"></a><a href=http://http://www.maplesfundservices.com//><img src="maples.jpg" HEIGHT="600" width="160"></a><a href=http://www.sungard.com/><img src="sungard.gif" HEIGHT="600" width="160"></a><a href=http://www.ogier.com/><img src="ogier.gif" HEIGHT="600" width="160"></a><a href=http://www.scotia.com/><img src="scotia.gif" HEIGHT="600" width="160"></a><a href=http://www.sabrefund.com/><img src="sabre3.gif" HEIGHT="600" width="160"></a><a href=http://www.edhec.edu/><img src="edhec.jpg" HEIGHT="600" width="160"></a><img src="geneva.gif" HEIGHT="160" width="160"><a href=http://http://www.emirates.com/><img src="emirates.gif" HEIGHT="600" width="160"></a><a href=http://www.http://network.managedfunds.org//><img src="network.jpg" HEIGHT="600" width="160"></a><a href=http://www.convergex.com/><img src="convergex.gif" HEIGHT="600" width="160"></a><a href=http://www.ezecastle.com/><img src="ezecastle.gif" HEIGHT="600" width="160"></a><a href=http://http://www.maplesfundservices.com//><img src="maples.jpg" HEIGHT="600" width="160"></a><a href=http://www.sungard.com/><img src="sungard.gif" HEIGHT="600" width="160"></a><a href=http://www.ogier.com/><img src="ogier.gif" HEIGHT="600" width="160"></a><a href=http://www.scotia.com/><img src="scotia.gif" HEIGHT="600" width="160"></a><a href=http://www.sabrefund.com/><img src="sabre3.gif" HEIGHT="600" width="160"></a></div>


</div>
</div>
<footer>
</footer>
</body>
</html>



@charset "utf-8";
*{
margin:0px;
padding:0px;
text-decoration: none;
list-style: none;
}

.wrapper{
max-width:940px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

.header {
margin: auto;
margin-top: 20px;
width: 940px;
height:90px;

}
.logo {
background: no-repeat top left;
width: 140px;
height: 90px;
position: relative;
float: left;
margin-bottom:5px;
}
.banner {
background: no-repeat top right;
width: 728px;
height: 90px;
position: relative;
float: right;

}
.navbar {
margin: auto;
margin-top: 20px;
width: 940px;
height: 65px;
background: url(navbar_bg.jpg) no-repeat top center;
font: normal 15px Arial, Helvetica, sans-serif;
color: #666;
}
.navbar.firstbar {
width: 700px;
position: relative;
float: left
}
.navbar .secondbar {
width: 220px;
float: right
}
.navbar .firstbar li, .navbar .secondbar li {
float: left
}
.navbar .firstbar li a, .navbar .secondbar li a {
padding: 0px 15px;
height: 45px;
background: url(sep.png) no-repeat top left;
font-weight: bold;
line-height: 45px;
color: #666;
display: block;
float: left
}
.navbar .secondbar li a {
padding: 0px;
width: 110px;
color: #CCC;
text-align: center
}
.navbar .secondbar li a:hover {
color: #FFF
}
.navbar .firstbar li:hover {
height: 65px;
background: url(arr.png) no-repeat center bottom
}
.navbar .firstbar li:hover .sub_navbar, .navbar .firstbar li:hover .col4, .navbar .firstbar li:hover .col2 {
position: absolute;
top: 65px;
left: 0px;
display: block
}

#container {
width: 870px;
margin: 20px auto;
padding: 35px;
border: 1px solid #cbcbcb;
background-color: #FFF;

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;

box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
-webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
}
#listing{
width:630px;
float: left;
font-weight: bold;
font-family: arial;
color: #73ABCA;
-moz-box-flex:1;
-webkit-box-flex:1;
}
div.where {
font-size: 19px;
font-family: arial;
font-weight:500;
color: #C33
}
div.date{
float: right;
}
#listing2{
width:630px;
font-size: 16px;
font-family: calibri;
font-weight: 300;
color: #999;
float: left;
-moz-box-flex:1;
-webkit-box-flex:1;
}
hr {
border-bottom:1px dotted #E6E6E6;);
}
input {
width: 340px;
padding: 15px;
color: #666;
background: #f5f5f5;
border: 1px solid #ccc;
margin: 0px 0;
font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
vertical-align: top;

transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;

box-shadow: 0 0 8px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 8px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 8px rgba(81, 203, 238, 0);
}
#vrule{
max-width:15px;
display:inline;
margin-top:160px;
margin-left: 35px;
}
#sidebar{
max-width:160px;
float: right;
}
span.add a { height:52px; width:250px; text-indent:-9999px; background:url(add.png) bottom no-repeat; float:right; margin-top:-53px; margin-right:0px; }
span.add a:hover { background-position:top; }


a, a:visited { color:#626262; text-decoration:none; }
a:hover { color:#818181; text-decoration:none; }


/* search results */
#results { width:625px; position:relative; margin:20px auto; padding:0; }

/* search results top panel */

/* search results bottom panel */
#results_bottom { width:507px; height:25px; padding:10px 0 0 18px; }
#results_bottom p {margin:0; padding:8px 0; width:600px; height:22px; text-align:center; color:#ff8a00; font-weight:bold; }
#results_bottom a, #results_bottom a:visited { text-decoration:none; color:#73abca; display:inline-block; padding:3px; font-weight:normal; }
#results_bottom a:hover { color:#ff8a00; }

.item { background:#FFF; width:630px; margin:0 8px; padding:8px 0; border-bottom:1px dotted #E6E6E6; }
.details { width:390px; float:left; padding:0 5px 0 10px; font-size:14px; }
.details img { margin:0 8px 0 2px; padding:3px; border:1px solid #e8eff1; }
.title, .title:visited { color:#ff8a00; text-decoration:none; font-weight:bold; font-size:14px; }
.title:hover { color:#e07000; }
.details p { padding:5px 0 0 0; margin:0; }

.details span { font-weight:bold; color:#ff0000; background-color:#ffff00; } /* highlight text */

.played { width:110px; float:right; padding:0 10px 0 5px; height:35px; text-align:center; }
.played span, #played span span { color:#ff8a00; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:bold; margin:0; padding:0; }
.played p { margin:4px 0; padding:0; font-size:10px; }
.played p span { margin:0; padding:0; font-size:10px; color:#73abca; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-style:normal; }
}

footer {
background-image: url(footer.png);
background-repeat:repeat-x;
}

jmj001
01-26-2012, 07:43 AM
comment out all the php and see if the page still loads funny...

if it loads ok with php commented out it's prob a php issue...

if it still loads funny with no php in the code then it will be a classes issue

jchrisphonte
01-26-2012, 07:50 AM
looks like a classes issue.

thanks jmj

jmj001
01-26-2012, 07:54 AM
yep.. I'm not too good with classes... prob not gonna be much help..

Fou-Lu
01-26-2012, 04:06 PM
Rendering is always an HTML/CSS issue, even if the fix is performed in a PHP file (even an echo) its always related to HTML.
Best to provide a source view of the output HTML instead of your php source code since the client developers need to see the actual HTML in use.
Moving from PHP forum to HTML/CSS forum.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum