Hi all, Can anyone help me with http://www.universityofmalta.info/ please. I am trying to create a layout with a header, footer and 3 columns. I don't know why the left column is appearing below the center and right column. Why is this happening? Thanks in Advance
Currently your html looks like this: <div id="pagewidth" > <div id="header" ></div> <div id="wrapper" class="clearfix" > <div id="twocols" class="clearfix"> <div id="maincol" ></div> <div id="rightcol" ></div> <div id="leftcol" ></div> </div> </div> <div id="footer" ></div> </div> Code (markup): It have to be: <div id="pagewidth" > <div id="header" ></div> <div id="wrapper" class="clearfix" > <div id="twocols" class="clearfix"> <div id="leftcol" ></div> <div id="maincol" ></div> <div id="rightcol" ></div> </div> </div> <div id="footer" ></div> </div> Code (markup): As you see, the problem is that your left column is below the others. You may need to modify your current margin/padding to control spacing between columns.