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
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Question please help ... css issues

    hey guys,

    I'm building a site for a friend and I've come up with a problem. I've been trying for hours to fix it/see the problem but i can't. So i turn to you guys for some help. Basically what I want is for left div (coffee) and the right div(text area) to line up with eachother.

    i have a container div which holds both divs inside.

    for example ...
    <div id="container2">
    <div id="coffee">blah</div>
    <div id="textarea">blah</div>
    </div>


    link is: www.onthewaycafe.ca/v2

    any help is appreciated.

    thanks in advanced.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    If the following is your htms structure, then you can do it simply by adding
    <div id="container2">
    <div id="coffee" >blah</div>
    <div id="textarea">blah</div>
    </div>

    #cofee{
    float:left;
    height:XXX;
    width:YYY;
    }
    #textarea{
    margin-left:YYY;
    }

    But you may have to add <div style="clear:both"></div>, just below textarea div (but inside container2) to clear the height issue of container.
    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:

    bear85 (10-11-2007)

  • #3
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    hey abduraooft,

    thanks for the quick reply. encountered another problem now. it fixed the issue in FF but not IE. any ideas there?

    once again thank you!

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Hmm.. perhaps IE considers the width of elements slightly different.(due to borders/padding)
    If you can reduce the width of right column from width:736px; to a lesser value may solve the issue.
    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:

    bear85 (10-12-2007)

  • #5
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    all you would really need to do is set a height to text and they seem lined up fine in firefox

  • #6
    New Coder
    Join Date
    Oct 2007
    Posts
    22
    Thanks
    0
    Thanked 4 Times in 4 Posts
    nah as said before it is the width

  • Users who have thanked _peter_ for this post:

    bear85 (10-12-2007)

  • #7
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    hey guys,

    lowering the width size fixed my problem. once again i'd like to thank all who have helped me. Thanks


  •  

    Posting Permissions

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