Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 106
  • Last Modified:

How can I extend my table the full length of my div?

Check out the screenshot below:

screenshot
Pretty, ain't it?

I want to extend the table within the div all the way to the end so the table and the div are flush.

How?

Here's my code and CSS:

HTML:

<div style="height:370px; width:690px; margin-top:25px; display:inline-block; text-align:center;float:left;">
<table class="csv_sample"> 
<tr> 
<td>&nbsp;</td> 
<th style="border-top-right-radius:5px;border-top-left-radius:5px; background-color:blue; color:#ffffff; font-weight:bold; font-size:18pt; width:150px;">7 Day<br>KPIs</strong></div></th> 
<td bgcolor="blue"><div align="center"><strong><FONT size="+2" COLOR="#FFFFFF">RAN<br>IA%</strong></div></td> 
<td bgcolor="blue"><div align="center"><strong><FONT size="+2" COLOR="#FFFFFF">1-SEER%</strong></div></td> 
<td bgcolor="blue"><div align="center"><strong><FONT size="+2" COLOR="#FFFFFF">LC%</strong></div></td>
<th style="border-top-right-radius:5px;border-top-left-radius:5px; background-color:blue; color:#ffffff; font-weight:bold; font-size:18pt;">SIP MOU</strong></div></th> 
<td>&nbsp;</td>
</tr> 

Open in new window


CSS:

table.csv_sample {
 box-shadow: 7px 7px 15px #e9e9e9;
 border-collapse:separate;
border-radius:6px;
-moz-border-radius:6px;
 margin:auto;
 width:100%;
border: 1px solid #d7d4d4;
 }
 

Open in new window


What do you think?
0
brucegust
Asked:
brucegust
1 Solution
 
Nathan RileyFounderCommented:
Get rid of your filler <td>.

http://gallitin.com/experts-exchange/brucegust/brucegust.php

<div style="height:370px; width:690px; margin-top:25px; display:inline-block; text-align:center;float:left;">
<table class="csv_sample">
<tr>
<th style="border-top-right-radius:5px;border-top-left-radius:5px; background-color:blue; color:#ffffff; font-weight:bold; font-size:18pt; width:150px;">7 Day<br>KPIs</strong></div></th>
<td bgcolor="blue"><div align="center"><strong><FONT size="+2" COLOR="#FFFFFF">RAN<br>IA%</strong></div></td>
<td bgcolor="blue"><div align="center"><strong><FONT size="+2" COLOR="#FFFFFF">1-SEER%</strong></div></td>
<td bgcolor="blue"><div align="center"><strong><FONT size="+2" COLOR="#FFFFFF">LC%</strong></div></td>
<th style="border-top-right-radius:5px;border-top-left-radius:5px; background-color:blue; color:#ffffff; font-weight:bold; font-size:18pt;">SIP MOU</strong></div></th>
</tr>

Open in new window

0
 
brucegustPHP DeveloperAuthor Commented:
Well, there you go!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now