Jump to content

[SOLVED] css or php?


dare87

Recommended Posts

I have this code but the includes/left.php lenght is longer then the auxiliary/date_post.php. This is causing the includes/bottom.php to split the content.

 


<?php
// Include the PHP script that contains the session information.
include('includes/session.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Author" content="">
   <meta name="KeyWords" content="">
   <meta name="Description" content="">
<title>Ideas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="includes/base.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="includes/include.js"></script>

</head>

<body>
<div id="box">
<div id="header">
    	<?php include('includes/header.php'); ?>
</div>
<div id="main">
	<div id="sideBarLeft">
		<?php include('includes/left.php'); ?>
	</div>
	<div id="content">
		<?php include('auxiliary/date_post.php'); ?>
	</div>
        <p style="clear: both;">
	<div id="bottom">
		<?php include('includes/bottom.php'); ?>
	</div></p>
    </div>
</div>

</body>
</html>

 

sample.jpg

 

anyone know why?

 

Here is the css, again, I don't know if this is a css or php problem.

 

#box{
position: relative; width: 979px;
margin: 0 auto;	
}

#box a:link {
color: #000000;
text-decoration: none;
}

#box a:visited {
color: #000000;
text-decoration: none;
}

#box a:hover {
color: #000000;
text-decoration: none;
}

#header{
position: absolute;
width: 979px;
height: auto;
top: 0px;
left: 0px;
}

#main {
position: absolute; 
top: 220px;
left: 0px;
width: 979px;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(../images/middle.jpg) repeat-y;
padding-bottom: 15px;
}

#content {
top: -35px;
float: right;
width: 630px;
padding-bottom: 15px;
padding-right: 118px;
padding-left: 20px;
}

#content a:link {
color: #000000;
text-decoration: none;
font-weight: bold;
}

#content a:visited {
color: #000000;
text-decoration: none;
font-weight: bold;
}

#content a:hover {
color: #000000;
text-decoration: underline;
font-weight: bold;
}

#sideBarLeft {
position: relative;
color: #FFFFFF;
top: -15px;
left: 85px;	
float: left;
width: 125px;
padding-bottom: 15px;
}

#sideBarLeft a {
horizontal-align: left;
width:94%;  
display: block; 
padding: 2px;
}

#sideBarLeft a:link {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

#sideBarLeft a:visited {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

#sideBarLeft a:hover {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

#bottom {
clear: both;
color: #000000;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
position: absolute;
left: 0px;
}

#bottom a:link {
color: #000000;
text-decoration: none;
}

#bottom a:visited {
color: #000000;
text-decoration: none;
}

#bottom a:hover {
color: #000000;
text-decoration: underline;
}

#bottom ul {
margin: 0;
padding: 0;
list-style: none;
}

#bottom li {
display: inline;
margin: 0;
padding: 0;
}

Link to comment
https://forums.phpfreaks.com/topic/105379-solved-css-or-php/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.