have yet ran into another wall.
Ok so i have it all aligned how i want it, heres what it looks like now
http://img.photobucket.com/albums/v398/cla...igns/help03.gif
looks like everything is correct right? well the only things are, i dont have my bg i want, and the padding for the text isnt how i want. so i forgot about the background for a second and wanted to fix the text padding, WEELll, i got my text to be padded how i wanted to to be BUT yet another wall, this is what happends when i set padding.
http://img.photobucket.com/albums/v398/cla...igns/help04.gif
it throws my entire site outta wack, and it creates a clone or something to the side of it.
so if anyone could help me solve my problems that would be AWESOME!!!!!!!!!!!!
and here is my updated HTML and CSS code
<body> <div id="container"> <div id="banner_box"> <div id="banner"></div> </div> <div id="nav_box"> <div id="navtop"></div> <div id="navbg"> <a href="#"><img src="images/home.gif" /></a> <a href="#"><img src="images/portfolio.gif" /></a> <a href="#"><img src="images/about.gif" /></a> <a href="#"><img src="images/services.gif" /></a> <a href="#"><img src="images/contact.gif" /></a> </div> <div id="navbtm"></div> </div> <div id="content_box"> <div id="contenttop"></div> <div id="contentbg">content stuff goes here lalalalalaalala</div> <div id="contentbtm"></div> </div> <div id="latest_box"> <div id="latesttop"></div> <div id="latestbg">latest addtions</div> <div id="latestbtm"></div> </div> <div id="stuff_box"> <div id="stufftop"></div> <div id="stuffbg">stuff goes here</div> <div id="stuffbtm"></div> </div> </div> </body> </html>
/* CSS Document */ *{ padding:0; margin:0; border:0; } body{ background-color:#e3e3e3; } #container{ width:790px; height:100%; background:url(images/bg.gif); margin-left:auto; margin-right:auto; } #banner_box{ float:left; margin-top:12px; margin-bottom:12px; margin-left:12px; margin-right:12px; } #banner{ background: url(images/banner.gif); width:551px; height:225px; } #nav_box{ text-align:center; float:right; margin-top:12px; margin-bottom:12px; margin-right:12px; } #navtop{ background: url(images/navigation.gif); width:200px; height:29px; } #navbg{ background:url(images/nav_bg.gif); width:200px; height:100%; } #navbtm{ background:url(images/nav_footer.gif); width:200px; height:21px; } #content_box{ float:left; margin-bottom:12px; margin-left:12px; margin-right:12px; } #contenttop{ background:url(images/content_top.gif); width:551px; height:34px; } #contentbg{ padding:12px; background:url(images/content_bg.gif); width:551px; height:100%; } #contentbtm{ background:url(images/content_footer.gif); width:551px; height:19px; } #latest_box{ float:right; margin-right:12px; } #latesttop{ background:url(images/latest_top.gif); width:200px; height:28px; } #latestbg{ background:url(images/right_bg.gif); width:200px; height:100%; } #latestbtm{ background:url(images/right_footer.gif); width:200px; height:17px; } #stuff_box{ float:right; margin-top:12px; margin-bottom:12px; margin-right:12px; } #stufftop{ background:url(images/stuff_top.gif); width:200px; height:28px; } #stuffbg{ background:url(images/right_bg.gif); width:200px; height:100%; } #stuffbtm{ background:url(images/right_footer.gif); width:200px; height:17px; }
thanks