mdmartiny Posted July 10, 2012 Share Posted 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. Quote Link to comment https://forums.phpfreaks.com/topic/265475-div-is-not-containing-the-information-inside-of-it/ Share on other sites More sharing options...
Zane Posted July 10, 2012 Share Posted July 10, 2012 screenshot? or link? Quote Link to comment https://forums.phpfreaks.com/topic/265475-div-is-not-containing-the-information-inside-of-it/#findComment-1360543 Share on other sites More sharing options...
mdmartiny Posted July 10, 2012 Author Share Posted 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 Quote Link to comment https://forums.phpfreaks.com/topic/265475-div-is-not-containing-the-information-inside-of-it/#findComment-1360546 Share on other sites More sharing options...
Jessica Posted July 10, 2012 Share Posted 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. Quote Link to comment https://forums.phpfreaks.com/topic/265475-div-is-not-containing-the-information-inside-of-it/#findComment-1360549 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.