Click here to Skip to main content
15,884,177 members
Please Sign up or sign in to vote.
3.00/5 (2 votes)
See more:
i try to fix table in right format so when i write 1000px in class .vpb_main_wrapper4 it look this
picture



and when i write 1200 in class .vpb_main_wrapper4 background white color goes extend but also table goes to extend



[1]: http://tinypic.com/view.php?pic=2ahtax1&s=8
[2]: http://tinypic.com/view.php?pic=mkkkk6&s=8

but i want to fix table in background white and when i write 1200px table remain in therir position ..

this is

CSS
<pre lang="CSS">.vpb_main_wrapper4
{
    width:1000px;
    position:relative;
    float:left;
    position:relative;
    max-width:inherit;
    border: solid 1px #cbcbcb;
     background-color: #FFF;
     box-shadow: 0 0 15px #cbcbcb;
    -moz-box-shadow: 0 0 15px #cbcbcb;
    -webkit-box-shadow: 0 0 15px #cbcbcb;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    padding:10px 20px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    height: 472px;

}

and this

CSS
.CSSTableGenerator {
       margin:0px;padding:0px;
       width:110%;
       box-shadow: 10px 10px 5px #888888;
       border:1px solid #ffffff;

       -moz-border-radius-bottomleft:0px;
       -webkit-border-bottom-left-radius:0px;
       border-bottom-left-radius:0px;

       -moz-border-radius-bottomright:0px;
       -webkit-border-bottom-right-radius:0px;
       border-bottom-right-radius:0px;

       -moz-border-radius-topright:0px;
       -webkit-border-top-right-radius:0px;
       border-top-right-radius:0px;

       -moz-border-radius-topleft:0px;
       -webkit-border-top-left-radius:0px;
       border-top-left-radius:0px;
   }.CSSTableGenerator table{
       width:100%;
       height:100%;
       margin:0px;padding:0px;
   }.CSSTableGenerator tr:last-child td:last-child {
       -moz-border-radius-bottomright:0px;
       -webkit-border-bottom-right-radius:0px;
       border-bottom-right-radius:0px;
   }
   .CSSTableGenerator table tr:first-child td:first-child {
       -moz-border-radius-topleft:0px;
       -webkit-border-top-left-radius:0px;
       border-top-left-radius:0px;
   }
   .CSSTableGenerator table tr:first-child td:last-child {
       -moz-border-radius-topright:0px;
       -webkit-border-top-right-radius:0px;
       border-top-right-radius:0px;
   }.CSSTableGenerator tr:last-child td:first-child{
       -moz-border-radius-bottomleft:0px;
       -webkit-border-bottom-left-radius:0px;
       border-bottom-left-radius:0px;
   }.CSSTableGenerator tr:hover td{
       background-color:#d3e9ff;


   }
   .CSSTableGenerator td{
       vertical-align:middle;

       background-color:#aad4ff;

       border:1px solid #ffffff;
       border-width:0px 1px 1px 0px;
       text-align:center;
       padding:7px;
       font-size:9px;
       font-family:Arial;
       font-weight:normal;
       color:#000000;
   }.CSSTableGenerator tr:last-child td{
       border-width:0px 1px 0px 0px;
   }.CSSTableGenerator tr td:last-child{
       border-width:0px 0px 1px 0px;
   }.CSSTableGenerator tr:last-child td:last-child{
       border-width:0px 0px 0px 0px;
   }
   .CSSTableGenerator tr:first-child td{
           background:-o-linear-gradient(bottom, #0057af 5%, #0057af 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
       background:-moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");  background: -o-linear-gradient(top,#0057af,0057af);

       background-color:#0057af;
       border:0px solid #ffffff;
       text-align:center;
       border-width:0px 0px 1px 1px;
       font-size:9px;
       font-family:Arial;
       font-weight:normal;
       color:#ffffff;
   }
   .CSSTableGenerator tr:first-child:hover td{
       background:-o-linear-gradient(bottom, #0057af 5%, #0057af 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
       background:-moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");  background: -o-linear-gradient(top,#0057af,0057af);

       background-color:#0057af;
   }
   .CSSTableGenerator tr:first-child td:first-child{
       border-width:0px 0px 1px 0px;
   }
   .CSSTableGenerator tr:first-child td:last-child{
       border-width:0px 0px 1px 1px;
   }

      .CSSTableGenerator span {font-size:9px;}
                  .CSSTableGenerator  td
               {
                     padding-left: 4px;
                     padding-right: 4px;
                 }


how to solve?
Posted
Updated 3-Feb-14 19:07pm
v3

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900