PDA

View Full Version : CSS Gah, why me?!



chrisclick
August 22nd, 2008, 10:56 AM
Ok, so I'm trying to design a blog.

When i grab one record from the database it looks fine, but when i grab the second one. it looks completely f'ed up!

47663
(low quality)

So whats wrong here?!

My CSS code:



.content_top {
background-image:url(content_top.png);
width:650px;
height:83px;
margin:0 auto;
padding-left:50px;
background-repeat:no-repeat;
padding-top:15px;
padding-right:50px;

}
.content_top_title {
font-family:Helvetica;
font-size:19px;
color:#FFFFFF;
background-image:none;
}
.content_top_postdate {
font-family:Helvetica;
font-size:13px;
color:#FFFFFF;
background-image:none;

}
.content_top_poster {
font-family:Helvetica;
font-size:13px;
color:#FFFFFF;
background-image:none;
float:right;
}
.content_body{
background-image:url(content_middle.png);
height:190px;
width:650px;
margin:0 auto;
padding-left:50px;
color:#FFFFFF;
height:auto;
background-repeat:repeat;
padding-right:50px;

}

.content_body_content {
font-family:verdana;
font-size:13px;
color:#FFFFFF;
background-image:none;
}

.content_bottom {
background-image:url(content_bottom.png);
width:750px;
height:65px;
margin: 0 auto;
}


my php code:



<?php
$query = "SELECT * FROM posts";

$result = mysql_query($query) or die(mysql_error());


while($row = mysql_fetch_array($result)){
echo '<div class="content_top_title">';
echo $row['post_title'];
echo '<div class="content_top_poster">Posted By ';
echo $row['post_author'];
echo '</div>';
echo '</div>';
echo '<div class="content_top_postdate">Posted On: ';
echo $row['post_date'];
echo '</div>';
echo '</div>';
echo '<div class="content_body">';
echo '<div class="content_body_content">';
echo '<p>';
echo $row['post_body'];
echo '</p>';
echo '</div>';
echo '</div>';
echo '<div class="content_bottom"></div>';
}
?>