CyberShot Posted February 8, 2009 Share Posted February 8, 2009 For the life of me I can not figure out why there is a space around the sidebar on the left. it is seperating itself from the header, footer and left side of the page. I want the sidebar to be flush with everything. I have been trying to over an hour to fix this and can't. Can you give it a shot. I am following a tutorial on making a cms in php. I used a table because the person who made the tutorial used it. <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Widget Corp</title> <link href="style/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <h1>Widget Corp</h1> </div> <div id="main"> <table id="structure"> <tr> <td id="navigation"> </td> <td id="page"> <h2>Staff Menu</h2> <p>Welcome to the staff area.</p> <ul> <li><a href="content.php">Manage Website Content</a></li> <li><a href="new_user.php">Add Staff User</a></li> <li><a href="logout.php">Logout</a></li> </ul> </td> </tr> </table> </div> <div id="footer">Copywrite 2009, widget Corp</div> </body> </html> body { margin: 0; } #header { height: 70px; margin: 0px; padding: 1em; text-align: left; background: #1A446c; color: #D4e6f4; } #main { margin: 0; padding: 0; height: 600px; width: 100%; background: #EEE4B9; } #structure { height: 600px; width: 100%; } #footer { height: 2em; margin: 0px; padding: 1em; text-align: center; background: #1A446c; color: #D4E6F4; } /* navigation */ #navigation { width: 150px; padding: 1em 2em; color: #d4e6f4; background: #8D0D19; } #navigation a { color: #d4e6f4; text-decoration: none; } ul.subjects { padding-left: 0; list-style: none; } ul.pages { padding-left: 2em; list-style: square; } .selected { font-weight: bold; } /* Page Content */ #page { padding-left: 2em; vertical-align: top; background: #EEE4B9; } #page h2 { color: #8D0D19; margin-top: 1em; } #page h3 { color: #8D0D19; } A huge thank you to anyone who can figure this out. It's bugging me Link to comment https://forums.phpfreaks.com/topic/144378-solved-help-with-this-problem/ Share on other sites More sharing options...
departedmind Posted February 9, 2009 Share Posted February 9, 2009 You need to add cellpadding and cellspacing to table <table cellpadding="0" cellspacing="0" id="structure"> Link to comment https://forums.phpfreaks.com/topic/144378-solved-help-with-this-problem/#findComment-757859 Share on other sites More sharing options...
CyberShot Posted February 9, 2009 Author Share Posted February 9, 2009 well a big thank you for that. Man that was bugging me. I can't believe I couldn't fix it with css. Thanks again my friend. Link to comment https://forums.phpfreaks.com/topic/144378-solved-help-with-this-problem/#findComment-757879 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.