Indie-Resource.com

Posted: **Sat Jul 07, 2012 12:47 pm**

For some reason even though I have the table set to 100% it wont fill the screen, I check my style sheet to make sure I had set a width, but I still don't know why its stuck.

Code: Select all

<?php
include_once 'connect.php';
include_once 'div.php';
include_once 'div2.php';
?>
<link href="style.css" rel="stylesheet" type="text/css" />

<?php
if (isset($_SESSION['players']))
{
  $player=$_SESSION['players'];
}
$playerinfo="SELECT * from players where name='$player'";
$playerinfo2=mysql_query($playerinfo) or die((mysql_error()));
$playerinfo3=mysql_fetch_array($playerinfo2);

$playername = $playerinfo3['name'];
$playerlevel = $playerinfo3['level'];
$playergroup = $playerinfo3['group'];
$playeraddstat = $playerinfo3['addstat'];
$playercypher = $playerinfo3['cypher'];

?>
<div id='levelbar'>
<?php
echo "<table width=100% border='1' cellspacing='0' bordercolor=green><tr><td bgcolor='000000'>";
echo "<font color='000000'>" . "&nbsp&nbsp&nbsp" ."</font><font color='ffffff'><b>" . $playername . "</b></font>";
echo "<font color='000000'>" . "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" ."</font><font color='ffffff'><b> Level: " . $playerlevel . "</b></font>";
echo "<font color='000000'>" . "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" ."</font><font color='ffffff'><b>Exp: </b></font>";
echo "<font color='000000'>" . "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" ."</font><font color='ffffff'><b>Network: " . $playergroup . "</b></font>";
echo "<font color='000000'>" . "&nbsp&nbsp&nbsp&nbsp" ."</font><font color='ffffff'>(<a href='invite.php'></font><font color='ffff99'><b>Recruit</b></font><font color='ffffff'></a>)</font>";
echo "<font color='000000'></font>";
echo "</td></tr></table>";
?>
</div>
<div id='buttons'>
<?php
echo "<table width=100%>";
echo "<tr background='images/home.jpg'>";
echo "<td><a href='home.php' style='text-decoration: none'><font color='2bab4c'><b><center>Home</center></b></font></a></td>";
echo "<td><a href='player.php' style='text-decoration: none'><font color='2bab4c'><b><center>Player($playeraddstat)</center></b></font></a></td>";
echo "<td><a href='jobs.php' style='text-decoration: none'><font color='2bab4c'><b><center>Jobs</center></b></font></a></td>";
echo "<td><a href='fight.php' style='text-decoration: none'><font color='2bab4c'><b><center>Fight</center></b></font></a></td>";
echo "<td><a href='shop.php' style='text-decoration: none'><font color='2bab4c'><b><center>Shop</center></b></font></a></td>";
echo "<td><a href='assets.php' style='text-decoration: none'><font color='2bab4c'><b><center>Assets</center></b></font></a></td>";
echo "<td><a href='angel.php' style='text-decoration: none'><font color='2bab4c'><b><center>Angel($playercypher)</center></b></font></a></td>";
echo "<td><a href='gift.php' style='text-decoration: none'><font color='2bab4c'><b><center>Gifts</center></b></font></a></td>";
echo "<td><a href='hitlist.php' style='text-decoration: none'><font color='2bab4c'><b><center>Hitlist</center></b></font></a></td>";
echo "<td><a href='ranking.php' style='text-decoration: none'><font color='2bab4c'><b><center>Ranking</center></b></font></a></td>";
echo "<td><a href='Raid.php' style='text-decoration: none'><font color='2bab4c'><b><center>Raid</center></b></font></a></td>";
echo "</tr>";
echo "</table>";
?>
</div>

style sheet

Code: Select all

body {
  background-color: #000000;
}
#div {
   position:absolute;
   left:0px;
   top:0px;
}
#div2 {
   position:absolute;
   right:0px;
   top:150px;
   height:20px;
}
#levelbar {
   position:absolute;
   left:0px;
   height:17px;
}
#experiencebar {
   position:absolute;
   left:188px;
   top:200px;
   width:100px;
   height:15px;
   z-index:1;
}
#experience {
   position:absolute;
   left:191px;
   top:203px;
   width:100px;
   z-index:2;
   text-align:left;
}
#buttons {
   position:absolute;
   left:0px;
   top:226px;
   height:20px;
}
#playerbox {
   position:absolute;
   left:0px;
   top:250px;
   width:100px;
   height:20px;
}
 #profile {
   position:absolute;
   left:0px;
   top:240px;

   height:20px;
}
#nextlevel {
   position:absolute;
   left:360px;
   top:49px;
   width:400px;
   height:20px;
}
#stats {
   position:absolute;
   left:360px;
   top:105px;
   width:400px;
   height:20px;
}
#fightstats {
   position:absolute;
   left:360px;
   top:355px;
   width:400px;
   height:20px;
}
#weapon {
   position:absolute;
   left:0px;
   top:555px;
   height:20px;
}
#specielitem {
   position:absolute;
   left:0px;
   top:635px;
   height:20px;
}
#vehicle {
   position:absolute;
   left:0px;
   top:715px;
   height:20px;
}

Posted: **Sat Jul 07, 2012 6:45 pm**

The table is inside the 'levelbar' div tag... you may need to put a "margin: 0px" or a "width: 100%" on that div tag in your style sheet. Other than that, it seems like it should work. It doesn't look like it's nested inside anything else, at least from the code you posted.

Posted: **Sun Jul 08, 2012 8:23 am**

Tables are made to put information into, they are not made for layouts. Use a HTML as it's made to be used.

Indie-Resource.com

Table wont fill whole screen

Table wont fill whole screen

Re: Table wont fill whole screen

Re: Table wont fill whole screen