View Full Version : please help ... css issues

10-11-2007, 06:45 AM
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>

link is: www.onthewaycafe.ca/v2 (http://www.onthewaycafe.ca/v2/)

any help is appreciated.

thanks in advanced.

10-11-2007, 07:01 AM
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>


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.

10-11-2007, 07:11 AM
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!

10-11-2007, 07:20 AM
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.

10-11-2007, 10:22 AM
all you would really need to do is set a height to text and they seem lined up fine in firefox

10-11-2007, 10:25 AM
nah as said before it is the width

10-12-2007, 02:09 AM
hey guys,

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