youwh Posted September 25, 2006 Share Posted September 25, 2006 I m havin trouble with my php page cause 1 of the table wont stretch. Heres the code...[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>ekaeke*A Hair & Scalp Wellness Company</title> <style type="text/css">html,body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; height:100%; /* needed for container min-height */ font-family:arial,sans-serif; font-size:small;}.language {color: #FFFFFF; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; }.grey_title { color: #333333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px;} .footer { color: #FFFFFF; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; }#footer { position:absolute; width:100%; bottom:0; /* stick to bottom */}#container { position:relative; margin:margin:0 0 0 220px; width:100%; min-height:100%;}}--></style></head><body><div id="container"> <table width="100%" height="95" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="150" align="center" bgcolor="#CCCCCC"> </td> <td width="150" align="center" bgcolor="#CCCCCC"> </td> <td width="150" align="center" bgcolor="#CCCCCC"> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="height:100%; "> <tr> <td width="150" rowspan="2" align="left" valign="top" > </td> <td width="5" rowspan="2" align="left" valign="top" bgcolor="#0033FF"> </td> <td width="150" rowspan="2" align="center" valign="top"> </td> <td width="10" rowspan="2" align="left" valign="top" bgcolor="#CCCCCC"> </td> <td align="left" valign="top"></td> <td width="10" rowspan="2" align="left" valign="top" bgcolor="#0099FF"> </td> <td rowspan="2" align="left" valign="top"> </td> </tr> <tr> <td width="465" align="left" valign="top" bgcolor="#FFFFFF"><table width="465" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="465" border="0" align="center" cellpadding="0" cellspacing="20"> <tr> <td>info will be show ehre</td> </tr> </table></td> </tr> </table></td> </tr> </table> <div id="footer"> <td height="52"><table width="100%" height="72" border="0" cellpadding="0" cellspacing="0" bgcolor="black"> <tr> <td height="10"><img src="images/spacer.gif" width="1" height="1" /></td> </tr> <tr> <td height="42" align="center" valign="top"><span class="footer">Copyright (c) 2006 </span></td> </tr> </table></td> </div></div></body></html>[/code]you can see theres this 3 bar inside a table. but i cant seems to make the table stretch till the bottom black bar.please help meee.... >< Quote Link to comment Share on other sites More sharing options...
fenway Posted September 25, 2006 Share Posted September 25, 2006 Which table? Quote Link to comment Share on other sites More sharing options...
youwh Posted September 25, 2006 Author Share Posted September 25, 2006 see the 3 bars 1 with blue color? its actually inside a table. i wanted the table height to be 100% so tat the 3 bars will touch the black bar on the bottom Quote Link to comment Share on other sites More sharing options...
fenway Posted September 25, 2006 Share Posted September 25, 2006 I see a gray section on the top, a black section with copyright, and nothing else. Quote Link to comment Share on other sites More sharing options...
sanfly Posted September 25, 2006 Share Posted September 25, 2006 Change This[quote]#container { position:relative; margin:margin:0 0 0 220px; width:100%; [color=red]min-height:100%;[/color]}[/quote]to this:[quote]#container { position:relative; margin:margin:0 0 0 220px; width:100%; [color=red]height:100%;[/color]}[/quote] Quote Link to comment Share on other sites More sharing options...
youwh Posted September 26, 2006 Author Share Posted September 26, 2006 i aint workin. it does stretch the boxes. but its over exceeding the area, till i hav to scroll.[attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
sanfly Posted September 26, 2006 Share Posted September 26, 2006 Also change this:[quote]#footer { position:absolute; width:100%; [color=red]bottom:0; /* stick to bottom */[/color]}[/quote]To this:[quote]#footer { position:absolute; width:100%; [color=red]margin-bottom:0; /* stick to bottom */[/color]}[/quote] Quote Link to comment Share on other sites More sharing options...
youwh Posted September 26, 2006 Author Share Posted September 26, 2006 hmm...this does make the middle table grow to 100% heigh, but when it add up with the top and bottom part, it will exceed.if i change the height from 100% to 80% it will some how fit everything in, but i think it might hav other problems later... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.