Me: Jquery div height

Beitrag lesen

SELF-Forum

Jquery div height

Me
– Informationen zu den Bewertungsregeln

Ich habe ein Problem mit dem div "base". ich möchte ihm abhängig vom browserfenster eine größe geben und das per script!

nun errechnet er die Weite korrekt und die Höhe auch. Nur verändert er nur die Breite aber die Höhe nicht !

  
  
  
  
$(document).ready(function(){  
alert('Hallo Welt');  
 var document_height = $(document).height()*0.5;  
 var document_width = $(document).width()*0.5;  
 alert(''+document_height);  
 $("#base").css("width" , document_width);  
 $("#base").css("height" , document_height);  
  
});  
  
  
  
  


<html>  
  
    <head>  
        <title>project</title>  
        <script src="http://code.jquery.com/jquery-latest.js"></script>  
        <link rel="stylesheet" type="text/css"  href="indexstyle.css">  
        <script type="text/javascript" src="scripts.js"></script>  
    </head>  
  
    <body onload=setBase();>  
        <div id="base">  
            <table>  
                <tr>  
                    <td rowspan="3">  
                        <div class="windows" id="fish" onclick="infront(document.getElementById('fish'));"></div>  
                    </td>  
                    <td colspan="2" rowspan="2">  
                        <div class="windows"></div>  
                    </td>  
                </tr>  
                <tr>  
  
                </tr>  
                <tr>  
                    <td rowspan="2">  
                        <div class="windows"></div>  
                    </td>  
                    <td rowspan="2">  
                        <div class="windows"></div>  
                    </td>  
                </tr>  
                <tr>  
                    <td rowspan="3" width="50%">  
                        <div class="windows"></div>  
                    </td>  
                </tr>  
                <tr>  
                    <td rowspan="2">  
                        <div class="windows"></div>  
                    </td>  
                    <td>  
                        <div class="windows"></div>  
                    </td>  
                </tr>  
                <tr>  
                    <td>  
                        <div class="windows"></div>  
                    </td>  
                </tr>  
            </table>  
        </div>  
    </body>  
</html>

  
  
#base{  
    margin:0 auto;  
    height:95%;  
    width:90%;  
  
}  
  
.windows{  
    height:100%;  
    width:100%;  
    background-color:blue;  
    -webkit-box-shadow: 5px 5px 20px 0px #000000;  
    -moz-box-shadow: 5px 5px 20px 0px #000000;  
    box-shadow: 5px 5px 20px 0px #000000;  
    z-index:-1;  
  
  
}  
  
div.windows:hover{  
  
    /*-webkit-box-shadow: 10px 10px 20px 0px #000000;  
    -moz-box-shadow: 10px 10px 20px 0px #000000;  
    box-shadow: 10px 10px 20px 0px #000000;*/  
}  
  
  
table{  
    height:100%;  
    width:100%;  
    border-spacing:8px;  
  
}  
tr{  
   height:16.66667%;  
}  
td{  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln