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; } Link to comment https://forums.phpfreaks.com/topic/136120-solved-css-bar/ Share on other sites More sharing options...
haku Posted December 9, 2008 Share Posted December 9, 2008 body { padding: 0; margin: 0; } Link to comment https://forums.phpfreaks.com/topic/136120-solved-css-bar/#findComment-710186 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.