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 Quote Link to comment 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"> Quote Link to comment 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. Quote Link to comment 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.