CSS

try w3schools quite gd.

Quote:

---

Originally Posted by яуαη

try w3schools quite gd.

---

I prefer independent learning.

never ever ever ever use absolute positioning :O It's bad :P

Seriously?! Noobs pls :P

Make a container and make left and right.

Code:

---

#cont {
width: 100%;
overflow: hidden;
}

#left {
width: 50%;
float: left;
}

#right {
width: 40%;
float: right;
}

---

Code:

---

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

---

:)

Thanks rich. <3

+rep to everyone else as well.

Use containers. :)

Quote:

---

Originally Posted by RichardKnox

Seriously?! Noobs pls :P

Make a container and make left and right.

Code:

---

#cont {
width: 100%;
overflow: hidden;
}

#left {
width: 50%;
float: left;
}

#right {
width: 40%;
float: right;
}

---

Code:

---

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

---

:)

---

Code:

---

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

</div>

---

RICHARD forgot to close his container div.

He did indeed.

[:

Quote:

---

Originally Posted by 01101101entor

Code:

---

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

</div>

---

RICHARD forgot to close his container div.

---

Im truely sorry. Silly error. I'll go kill myself pls :P

Ty Mentor

Well.... for the code above... Floating the right hand side column is completely unessecary, as long as you set the right hand side margin to wider than the left column then it will automatically align itself beside it. So like example.....

Code:

---

#cont {
width: 100%;
overflow: hidden;
}

#left {
width: 50%;
float: left;
}

#right {
margin: 0 0 0 52%;
width: 40%;
}

---

So just to sum it up.... The left column is 50% wide, so we set the left margin of the right column to 52% that way it won't run into the left column and will align itself beside it.

Note: the current columns don't line up beside each other in Maxthon/IE 6.