CSS Layout Troubleshooting

Discussion in 'CSS' started by saadi123, Jan 29, 2011.

  1. #1
    This one's going to be a long post but I really need help on this.
    I've been trying to create a css layout for wordpress for quite few days. Being inexperienced, I'm facing some difficulties in creating it. I'm almost done (as far as the structure is concerned), but the problem has arisen in the position of a sidebar. It appears fine when a single blog post (single.php) is there however when it comes to main page (index.php) where there are several posts, it shifts down.

    Below is the link to my website http://saadi.000a.biz

    The relevant files have been attached with this post. Please guide me that how can I place the sidebar at its right place. The structure may seem ugly but its at its initial phase. I haven't done the "cosmetic surgery" yet.
     

    Attached Files:

    saadi123, Jan 29, 2011 IP
  2. c4ntaloop

    c4ntaloop Greenhorn

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #2
    Perhaps you want to put all sub_container divs inside another div (lets call it sub_content), then set the width and balance it out with width of sidebar (for ex. width of sub_content is 70% and sidebar's is 30%), and last float both divs to left.
     
    c4ntaloop, Feb 1, 2011 IP
  3. saadi123

    saadi123 Well-Known Member

    Messages:
    196
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #3

    Ok
    Will try that and come back to you
     
    saadi123, Feb 1, 2011 IP
  4. saadi123

    saadi123 Well-Known Member

    Messages:
    196
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #4
    Hey that worked...!!!!

    Thanks buddy

    :)
     
    saadi123, Feb 1, 2011 IP
  5. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
  6. CheetahHost

    CheetahHost Greenhorn

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    13
    #6
    I used css.maxdesign.com.au/floatutorial/index.htm when I was learning floats.
     
    CheetahHost, Feb 15, 2011 IP