Div is not containing the information inside of it

mdmartiny · July 10, 2012

I have tried every solution that I could find by Googling and nothing seemed to work. Could some please help me

Here is my CSS

h1 {
font-size:1.8em;
}

h2 {
font-size:1.4em;
}

.logo {
font:2em Arial;
margin:0 0 10px 0;
padding:0;
width:200px;
color:#fff;
}

/* Containers */
body {
background:lightslategray;
font-family:Arial;
font-size:0.8em;
}

#container, footer {
background:#fff;
max-width: 75%;
margin:0 auto;
}

#main {
width: 75%;
float: left;
padding-left: 25px;
height: 100%;
min-height:100%;
}

header {
max-width:75%;
padding:10px;
margin:0 auto 10px auto;
}

#container {
min-height:500px;
position: relative;
padding-top: 100px;
padding-bottom: 50px;
border-radius:5px 5px 0 0;
}

.widget {
margin-bottom:20px;
}

.widget h2 {
margin:0 0 10px 0;
padding:0 5px;
font-weight:normal;
border-bottom:1px solid #ddd;
}

.widget .inner {
margin:0 10px;
}

/* Navigation */
nav {
float:left;
}

nav ul {
margin:0;
}

nav ul li {
display:inline;
margin-right:10px;
}

nav ul li a {
text-decoration:none;
}

nav ul li.current {
font-weight:bold;
}

nav ul li a.last {
border-right:0;
}

/* Aside */
aside {
width:260px;
border-left:1px dashed #aaa;
padding-left:15px;
min-height: 99.4%;
position: absolute; top: 10px; right: 10px;
}

/* Login */
#login li.link {
margin-top:5px;
}

/* Footer */
footer {
border-top:1px dashed #ddd;
color:#999;
text-align: center;
border-radius:0 0 5px 5px;
padding-top: 10px;
}

footer ul {
margin-bottom: 15px;
width: 80%;
margin-right: auto;
margin-left: auto;
}

footer ul li{
margin-right: 5px;
display: inline-block;
width: auto;
font-size: 9px;
line-height: 10px;
height: 10px;
}

footer ul li a{
color: lightslategray;
text-decoration: none;
}
footer ul li a:hover {
text-decoration: underline;
}

/* Misc */
.clear {
clear:both;
}

here is the code that I am working with

<?php
include ('includes/core/init.php');
//protect_page();
include ('includes/head.php');
?>
<!DOCTYPE html>
<html>
<body>
<?php include('includes/header.php'); ?>
<div ID="container">
  <?php include('includes/aside.php'); ?>
  <div id="main">
    <?php
      if(empty($_GET)) {
	  include('includes/table/edit.php');
  } else if(isset($_GET['list'])) {
	  include('includes/table/listtable.php');
  } else if($_GET['delete']){
          include('includes/table/delete.php');
      } else if(isset($_GET['modify'])){
          include('includes/table/modify.php');
      }
  ?>
  </div>
  
</div>
<?php include('includes/footer.php'); ?>
</body>
</html>

The problem lies in the main div. the information placed inside of it goes over top of the div.

Zane · July 10, 2012

screenshot? or link?

mdmartiny · July 10, 2012

Here is the link... Select the trucks table and you will see what I am talking about

http://mikedmartiny.zxq.net/admin/delete_ad.php

Jessica · July 10, 2012

You probably need to add a footer div with a clear: both; style on it. It's called "clearing floats". If you google that you should find plenty of info on it.

Sign In

Div is not containing the information inside of it

Recommended Posts

mdmartiny

Link to comment

Share on other sites

Zane

Link to comment

Share on other sites

mdmartiny

Link to comment

Share on other sites

Jessica

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information