nicht angemeldet
Jquery div height
Gunnar BittersmannIch 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{
}
-
es hat was mit den Tabellen zu tun
-
ich habe nun das problem gefunden die Tabelle innerhalb des div's passt sich nicht mit an.
wie kann ich die Tabelle dazu kriegen ?-
es liegt an den . windows die passen sich irgendwie nicht mehr an nachdem das script gearbeitet hat
-
-
-
@@Me:
nuqneH
nun errechnet er die Weite korrekt und die Höhe auch. Nur verändert er nur die Breite aber die Höhe nicht !
Ich würde tippen, body ist nicht so hoch wie du denkst/wünschst.
<html>
<html>[/code]Ist denn jetzt Quirks-Modus-Woche?
Qapla'
--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)