Problem with layout

Discussion in 'CSS' started by webguy84, Jul 5, 2008.

  1. #1
    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
     
    webguy84, Jul 5, 2008 IP
  2. Rubenator

    Rubenator Peon

    Messages:
    40
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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.
     
    Rubenator, Jul 5, 2008 IP
  3. webguy84

    webguy84 Well-Known Member

    Messages:
    815
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #3
    Thanks, its working great
     
    webguy84, Jul 5, 2008 IP