Can anyone help me with this?
I'm a new web designer and I'm using photoshop.
I created a new design, sliced it up, and put in DIVs and backgrounds so the contents could be expanded limitlessly. However, I'm having a problem with one of the DIV setups. I'm using "position:relative" which makes the table cell bigger as the div gets bigger of course, keeping the design intact. At the bottom of the page I have 2 boxes next to eachother, but the DIV on the left is pushing the DIV on the right down. Here is the code I have :
And it displays as this :
I'm a new web designer and I'm using photoshop.
I created a new design, sliced it up, and put in DIVs and backgrounds so the contents could be expanded limitlessly. However, I'm having a problem with one of the DIV setups. I'm using "position:relative" which makes the table cell bigger as the div gets bigger of course, keeping the design intact. At the bottom of the page I have 2 boxes next to eachother, but the DIV on the left is pushing the DIV on the right down. Here is the code I have :
Code:
<tr>
<td colspan="10" style="background:url('images/RepeaterSlice3.gif');background-repeat:repeat-y;" width="680" height="100%" valign="top" align="justify">
<!-- FORUM STATS BOX CONTENT -->
<div style="position:relative; left:37px; width:291;">test</div>
<!-- END -->
<!-- AFFILIATES BOX CONTENT -->
<div style="position:relative; left:359px; width:290;">test</div>
<!-- END -->
</td>
</tr>And it displays as this :
