Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts

    Problem with 2 column layout

    Hi all,

    Iv started working on my first css site and have encontered a problem taht I judt dont know how to fix, its kinda strange to me but Im sure someone will find it a simple problem. Iv attached a jpg of my proposed layout and the link below is what Iv managed to come up with. When looking at the link you will see the columns are messed up (left column on top, right colomn on bottom) I hd this layout fixed when I had teh font family as Century Gothic, Verdana, Arial... but since Iv decided to use Arial instead of teh Century Gothic and Verdana thats when teh columns start playing up?? Can anyone please offer me any advice on how to solve this problem? and if you find any other areas I coul dwork on that would be great also.

    Thanks for looking Smiling

    Kyle

    http://www.glen-lodge.co.uk/quilly/quilly.html
    Attached Thumbnails Attached Thumbnails Problem with 2 column layout-lay.jpg  

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    You need to clear your first column from the float effect of it's top navigation elements.

    Code:
    #left_col {/*quilly.html (line 189)*/
    clear:both;
    float:left;
    padding:20px 10px 5px 15px;
    text-align:left;
    width:270px;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    kyllle (07-07-2008)

  • #3
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    thank you thank you thank you!!!!

  • #4
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    another question abduraooft, how would i go about centering the whole site in the centre of the page?

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Do you mean vertical centering? Go for dead centre method
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    cheers, il give that a go!!!

  • #7
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    Hi abduraooft!! So iv tried teh dead centre method and it has created the following results http://www.glen-lodge.co.uk/quilly/quilly.html I think the very top of my site has been centred to the center of the overall page :s how would I go about changing this?

    thanks

    Kyl


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •