Question

I want to make an HTML, CSS page where the layout is as:
<div id=”content”>
<div id=”left”>
…..
</div>
<div id=”right”>
…..
</div>
</div>
The content div has a background image which should be repeated in y-direction. Also the left and right div should be side by side over the same background image.I am able to accomplish it but by keeping the height of the content fixed but I don’t want to make the content’s height fixed. Please help me folks.
Thanks in Advance 🙂

Answer 1

without seeing your code… my guess is you’re floating the left and right DIVs… but you’re not floating the content DIV…

your CSS should look similar to this to make it work:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}