DIVs

Ok I designed a template a while ago and Lewiie15 coded it for me and I've had a look at the CSS and changed it a bit but I want to add another box and I was wondering if anybody know how the CSS knows where to put the boxs.

for example this code:

HTML Code:

---

}
#login_top {
        width: 167px;
        height: 24px;
        float: left;
        margin: 0;
        border: 0;
        background: url(imgs/box_top.png) no-repeat;
        font: tahoma;
        font-size: 13px;
        color: #FFFFFF;
        padding-top: 6px;
        padding-left: 6px;
}
#login_content {
        width: 171px;
        float: left;
        margin: 0;
        border: #000000 solid 1px;
        background: #EFEFEF;
        font: tahoma;
        font-size: 13px;
        color: #000000;
        padding-top: 7px;
        text-align: center;
}

---

I've got the new box in sort of where I want it but I need to have a break line between them (for example <br> or <br />) so does anybody know?

Just add padding between the two boxes you want seperating. If you've got one box ontop of another and you want it say, 5 pixels above the other then use: padding-bottom: 5px; on the box that was ontop.

Didn't work, heres screenies.
http://i36.tinypic.com/2w3n7gl.png
http://i38.tinypic.com/ws43ew.png

Can't you add a clear div that has a fixed height of 5px or whatever?

Doesn't work. Did I mention I copied the CSS from the origonal box?

HTML Code:

---

#box_top {
        width: 167px;
        height: 24px;
        float: left;
        margin: 0;
        border: 0;
        background: url(imgs/box_top.png) no-repeat;
        font: tahoma;
        font-size: 13px;
        color: #FFFFFF;
        padding-top: 6px;
        padding-left: 6px;
}
#box_content {
        width: 171px;
        float: left;
        margin: 0;
        border: #000000 solid 1px;
        background: #EFEFEF;
        font: tahoma;
        font-size: 13px;
        color: #000000;
        padding-top: 7px;
    padding-bottom: 5px;
        text-align: center;
}

---

m8, you have me on msn, stop making new posts lol i offer support on my layouts anyway...

Just ask me on msn

Lew.

overflow: hidden;

that coding is terrible anyway.

cba to read all code.

add margin-bottom:10px; on the box content or w/e

Quote:

---

Originally Posted by BoyBetterKnow

cba to read all code.

add margin-bottom:10px; on the box content or w/e

---

Thanks man!

Quote:

---

Originally Posted by Lewiie15

m8, you have me on msn, stop making new posts lol i offer support on my layouts anyway...

Just ask me on msn

Lew.

---

Haha, I didn't want to annoy you :D

m8, i offer support on all my layouts that are coded other than ones i coded like last year... lol

But if anyone contacts me asking me how to change the images ect i will virtually shoot you :) google does exist.

Lew.