No replies
clandestine
Offline
Regular
Last seen: 8 years 21 weeks ago
Timezone: GMT-7
Joined: 2005-12-18
Posts: 28
Points: 4

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/clandestinex337/ClandestineDesigns/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/clandestinex337/ClandestineDesigns/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