On the positive side having to spend all that time trying to figure out what was wrong, while frustrating, made you a better coder. Similar things happened to me when I was first learning this stuff. I’d be chasing down some error. I’d learn so much along the way, often new things not connected to the problem I was trying to solve.

By the way if you’re interested in css positioning, I wrote another post dedicated to the subject.

How Well Do You Understand CSS Positioning?

Hopefully you find it helpful.

Your article is one of the clearest explanations of css positioning I’ve come across, many thanks.

For example if your overall page is 800px you could make each column 400px. When you start adding margins around the columns or padding within you’ll likely need to adjust the column widths.

Unlimited height is a little different. If you don’t specify a value for the height then the columns will expand as the content inside them grows. Having them always be equal height is tricky though. There are a variety of solutions to the problem, but it’s one thing css hasn’t always done well.

If that doesn’t work then you could try adding 3 sides of borders around each of the menu and content and don’t add any border to where the two connect. Assuming there’s no space between menu and content that should give the effect of a single border around both.

i want to ask how can i make a border that will be round menu and content, becouse ive got div which separates them from other staff but it doesnt work, thanks for help, i cant find it anywhere