Clinton Posted December 8, 2008 Share Posted December 8, 2008 I'm trying to create a backsplash, basically a bar, that stretches from the left side to the right. I am eventually going to put stuff inside of that backsplash but for now my problem is that it's not extending 100% left to right. Instead it makes a box that stretches probably 95% across the screen with basically a small padding around it. Even if I add a width 100% it still doesn't budge. What am I doing wrong? HTML File: <title>A Work in Progress</title> <link rel="stylesheet" type="text/css" href="style/primary.css" /> </head> <body> <div id="backsplash"> </div> <div id="navbar2"> </div> </body> </html> CSS File: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #CCFFCC; } div#backsplash { height: 30px; margin: 0; padding: 0; border-top: solid #000 3px; border-bottom: solid #000 3px; background-color: #336699; } Quote Link to comment Share on other sites More sharing options...
haku Posted December 9, 2008 Share Posted December 9, 2008 body { padding: 0; margin: 0; } 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.