You are here: Re: DIV not correctly sized in TD « HTML « IT news, forums, messages
Re: DIV not correctly sized in TD

Posted by Neredbojias on 10/11/07 13:53

Well bust mah britches and call me cheeky, on Thu, 11 Oct 2007 12:24:30
GMT boeledi scribed:

> Hello,
>
> I have the following problem with DIVs, embedded in table TDs.
> In two words, I would like to have one DIV per TD, each of these DIV
> taken the full size.
> Here is an example:
>
> <html>
> <head>
> <style>
> .clsFull
> {width:100%;height:100%;background-color:#ff0;border:1px
> solid #000;}
> </style>
> </head>
> <body>
> <table cellpadding=2 cellspacing=2 border=1 width=90%>
> <tr>
> <td colspan=4>
> <div class="clsFull"
> style="height:60px;"><p>Header</p></div>
> </td>
> </tr>
> <tr>
> <td colspan=2 width=50%>
> <div class="clsFull"><p>Left</p></div>
> </td>
> <td colspan=2 rowspan=2 width=50%>
> <div class="clsFull"><p>Right</p></div>
> </td>
> </tr>
> <tr>
> <td colspan=2 width=50%>
> <div class="clsFull"
> style="height:100px;"><p>Left 2</p></div>
> </td>
> </tr>
> <tr>
> <td colspan=3>
> <div class="clsFull"
> style="height:200px;"><p>Down Left</p></div>
> </td>
> <td width=25%>
> <div class="clsFull"><p>Down
> Right</p></div>
> </td>
> </tr>
> </table>
> </body>
> </html>
>
> The result is that everything is correct EXCEPT "Right" et "Down
> Right" parts. The corresponding DIVs are not sized correctly in the
> sense that it is not 100% width and height.

Why do you have a height designation on a div in all but the 2nd row?

Anyway, try adding a height to either the pertinent div or the cell
within which it rests (so your percentage designation has a reference).
This may still not work in the latter case as tables are unruly beasts,
and you should probably nevertheless delimit your non-css values.

--
Neredbojias
Half lies are worth twice as much as whole lies.

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация