DIVs

PeTeRUK · 07-16-2005, 02:52 PM

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 :

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 :
????: NamePros.com http://www.namepros.com/programming/107205-divs.html

07-16-2005, 02:52 PM	THREAD STARTER #1 (permalink)
PeTeRUK First Time Poster! Join Date: Jul 2005 Posts: 1	DIVs 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 : 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 : ????: NamePros.com http://www.namepros.com/programming/107205-divs.html

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
help with divs	Bryan792	Programming	8	08-21-2005 05:19 AM
stacking divs	Bryan792	Programming	1	05-08-2005 07:13 PM
Tables or Divs	Jamison54	Web Design Discussion	7	01-30-2005 11:01 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)