DHTML - Div tags causing table cells to expand ve

clem_c_rock · September 11th, 2006, 11:28 AM

Hello,

I'm working a site and I have to admit, I'm not so well versed in layers as I should be.

I am having problems w/ div tags expanding the table cells vertically and I can't seem to change them by changing the div properties.

Here's a test page that I've put up and I've added table borders so you can see what's happening.

http://peopledesigns.net/coe/index_NEW.htm

Here's the offending div code:

Code:

<td bgcolor="#EBE894"> 
 
 
<td><div id="container" style="position:relative; top:0; left:0; z-index:3 visibility: visible;"><a href="nutrition.htm"><img src="images/main_info.jpg" width="221" height="424" border="0" /></a> <div id="div_text_1" style="position:relative; top:-136; left:0; z-index:5 visibility: visible;"><table width=120 border="1" align="center"> <tr><td class="BasebarTextLink">This is our text and this is where it will be. It likes to be RIGHT Here!</td></tr></table></div> </div>   </td>

Thanks for any help,
Clem C

clem_c_rock · September 11th, 2006, 11:33 AM

How do you edit posts? My code's all in 1 line!

meow · September 11th, 2006, 03:53 PM

There should be an edit button above your post. With a pen.

The URL you posted returns a 404. Meanwhile, tables do tend to expand. Maybe you are thinking of position: absolute which will remove the element totally from the flow? Do you want the DIV to stick out from the table?

--
http://yupapa.com

clem_c_rock · September 12th, 2006, 11:59 AM

Oops they changed the server configuration on me.

Now the example is here: http://peopledesigns.net/coe/index_NEW.htm

meow · September 12th, 2006, 12:36 PM

Remove the whole style rule form #container

<div id="container" style="position:relative; top:0; left:0; z-index:3 visibility: visible;height:100%;">

It's the height 100% that causes the problem. The rest just doesn't accomplish anything. To position something relative with an offset of zero leaves it where it was to start with. z-index has no effect since nothing overlaps. 'visibility: visible' is the default.

What did you want to do? :)

--
http://yupapa.com

clem_c_rock · September 12th, 2006, 02:03 PM

I took those tags out and I added some colors to the table cells to show where the extra space is beeing added in the table cells.

I would like to try to get rid of the extra space if it's possible using this method.

Thanks for your time.