Hi to all, How can I put one column (or i think thats the name) in top of the other. is hard to explain so i have some pictures. This is how i have it in my website, for some reason they stay one next to the other. And this is what i want one column in top of the other. (I put column 2 in top of column 1 in the picture by mistake i was using windows paint. ) How can i do this? Heres my Css code: And my HTML code: If you need to see my entired .Css sheet or my HTML just ask me. Thanks in advance
If you know the heights of the elements, yes, it can be done. Here's an example of a header underneath a menu (on the screen) despite the header being above the menu in the HTML code: http://www.dan-schulz.com/temp/header-under-menu-test.html
At first you should avoid using an ID more than once. You can use classes in exchange. The reason your boxes apear next to each other is the .right-class that has a float:right in it. To solve your problem you can either use a different class or remove the "float:right;" part from the .right-class