CSS need help

yhack · 16 Jan 2006 at 22:08

http://www.yhack.co.uk

The two boxes wont go next to each other! One is underneath, how do I make them go side by side?

Code:

#middle{
width:400px;
height: 600px;
border: 1px solid #000000;
background:#999999;
}
#right{
width:200px;
height: 600px;
border: 1px solid #000000;
background:#999999;
}

The bigger one is #middle

Thanks

yhack · 17 Jan 2006 at 09:30

Thanks, but it won't work

Code:

#middle{
width:400px;
height: 600px;
border: 1px solid #000000;
background:#999999;
position:relative;
float:left;
}
#right{
width:200px;
height: 600px;
border: 1px solid #000000;
background:#999999;
position:relative;
float:right;
}

this is the code now, have I done it wrong?

yhack · 17 Jan 2006 at 15:20

D4VE said:
What total width are you aiming for?

You've got: 400+2(border) +200+2(border) = 604px.
Funny width, if you are aiming for 600 you need to make the widths 398+border and 198+border.

lol thanks

yhack · 17 Jan 2006 at 18:19

Woah thanks!!
Yeah, I did use some things in dreamweaver because I'm lazy