Outer DIV doent expand with inner divs

Outer DIV doent expand with inner divs

I am wrapping my page inside a main wrapper div but outer div doesn't
expand with inner div.
I want height of main outer div main-wrapper to grow with page contents
which is not happening for some reason
I am trying to figure out this problem for sometime but so far no success.
I have set up jsFiddle Example
I would help in this regard.
HTML Structure sample
<!-- main Container -->
<div class="main-wrapper">
<!-- Header -->
<div class="header-wrapper"></div>
<!-- Header -->
<div class="content-wrapper">
<!-- Content Page-->
<!-- banner image wrapper -->
<div class="top-image-wrapper"></div>
<!-- banner image wrapper -->
<!-- page content wrapper -->
<div id="page-content-area" class="page-content-area">
<div id="pg-intro-area" class="pg-intro-area">
<div class="page-title">
<h5>Page Title </h5>
</div>
<div class="page-text"></div>
</div>
<div class="pg-right-bar-wrapper"></div>
</div>
<!-- page content wrapper -->
<!-- Content Page-->
</div>
<div class="footer-wrapper"></div>
</div>
<!-- main Container -->
CSS Related
html, body,form { height:100%; background-color:gray; }
body {
font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
line-height: 16px;
height:100%; margin:0;padding:0; border:0;
color:#656565;
}
p
{
text-align:justify;
color:#687074;
}
hr
{
background-color: #ccc;
border: medium none;
height: 1px;
margin-bottom: 12px;
margin-top: 12px;
}
h5 /* for page title*/
{
font-size:15px;
color:#028F41;
margin:5px 0;
}
.page-title-lbl
{
font-size:15px;
color:#028F41;
padding-left:105px;
background-image:url("../images/title-bar.png");
background-repeat:no-repeat;
text-shadow:0 0 0px #F6F6F6;
}
img
{
border:0px
}
a {
color: #028F41;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
input {
border: 1px solid #ccc;
font-size: 12px;
height: 20px;
line-height:20px;
vertical-align:middle;
padding-left: 5px;
color:#656565;
}
.btn
{
background-color: #0A8F36;
border: 0 none;
color: #FFFFFF;
font-size: 12px;
font-weight:bold;
height: 24px;
line-height:24px;
}
.margin5-0
{
margin:5px 0;
}
.margin10-0
{
margin:10px 0;
}
.margin20-0
{
margin:20px 0;
}
.padding5-0
{
padding:10px 0;
}
.padding10-0
{
padding:10px 0;
}
.padding20-0
{
padding:20px 0;
}
.margin10-000
{
margin:10px 0 0 0;
}
.margin00-5-0
{
margin:0 0 5px 0;
}
.margin00-10-0
{
margin:0 0 10px 0;
}
.margin20-000
{
margin:20px 0 0 0;
}
.margin00-20-0
{
margin:0 0 20px 0;
}
.main-wrapper
{
width:1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0px auto 0px auto;
background-color:#fff;
padding-left:10px;
padding-right:10px;
}
.header-wrapper
{
height:130px;
background-color:red;
}
.search-sm-wrapper
{
float:right;
width:250px;
height:100px;
}
.search-wrapper
{
text-align:right;
width:250px;
height:25px;
}
.txtSearch
{
float: right;
height: 20px;
width: 150px;
border-right:0px;
}
.btn-search
{
float:right;
}
.language-wrapper
{
float:right;
text-align:right;
width:250px;
height:20px;
}
.language-link
{
color:#656565;
}
.sm-wrapper
{
float:right;
width:250px;
height:25px;
}
.menu-wrapper
{
height:30px;
width:1000px;
background-color:yellow;
}
.content-wrapper
{
float:left;
height:auto;
}
.footer-wrapper
{
float:left;
width:1000px;
}
.brand-logos
{
height:39px;
}
.marquee
{
float:left;
overflow:hidden;
height:39px;
width:1000px;
border:0px solid #f9f9f9;
}
.footer-banner
{
float:left;
height:96px;
width:1000px;
}
.footer-menu
{
display:none;
}
.footer-copyright
{
float:left;
height:20px;
width:1000px;
}
.top-image-wrapper
{
height:240px;
margin-top:6px;
background-color:#f5f5f5;
}
/* home page*/
.hp-intro-area
{
float:left;
width:570px;
margin-right:30px;
}
.hp-right-bar-wrapper
{
float:left;
width:400px;
}
.tabs-wrapper
{
margin:10px 0;
background-color:#E5E5E5;
height:210px;
overflow:hidden;
}
.tab-name-wrapper
{
width:400px;
height:30px;
line-height:30px;
background-color:#fff;
margin-bottom:10px;
overflow:hidden;
}
.tab-content-wrapper
{
margin:0px 10px;
}
.hp-tab-image
{
float:left;
width:100px;
padding-right:10px;
}
/* Page */
.page-content-area
{
width:100%;
height:100%;
}
.page-sub-menu
{
width:100%;
height:23px;
padding:0px 0px;
background-color:blue;
}
.pg-intro-area
{
float:left;
width:570px;
margin-right:30px;
}
.pg-right-bar-wrapper
{
float:left;
width:400px;
}

Log in process using entity framework asp.net mvc

Log in process using entity framework asp.net mvc

I want to have log in password verification in my project.when user clicks
on the log in button compiler goes to this method
public ActionResult VerifyPassword(User user)
{
var givenPassword =user.Password;
var givenUserName=user.UserName;
//now i need compare password
var myUser=db.User.Find(somevalue)//find user from database,But how can i
do this????Because somevalue needs to be a Primary Key
}
If i am doing something wrong.Please point me into right direction I
searched a lot on the Web.But no tutorial was found to accomplish this
using entity framework.

uploading all data in a database row

uploading all data in a database row

I'm trying to display all my table rows in an ordered fashion
database table = u_visits
rows = id/ip_adress/visits/dates
here is my code:
<html>
<body>
<?php
include 'includes/connect3.php';
$result = mysqli_query($con,"SELECT * FROM u_visits");
$num = mysqli_num_rows($result);
?>
<table border="0" cellspacing="2" cellpadding="2">
<tr>
<td>
<font face="Arial, Helvetica, sans-serif">Value1</font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif">Value2</font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif">Value3</font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif">Value4</font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif">Value5</font>
</td>
</tr>
<?php
$i=0;
while ($i < $num) {
$f1 = mysqli_result($result,$i,"id");
$f2 = mysqli_result($result,$i,"ip_adress");
$f3 = mysqli_result($result,$i,"visits");
$f4 = mysqli_result($result,$i,"dates");
?>
<tr>
<td>
<font face="Arial, Helvetica, sans-serif"><?php echo $f1; ?></font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif"><?php echo $f2; ?></font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif"><?php echo $f3; ?></font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif"><?php echo $f4; ?></font>
</td>
<td>
<font face="Arial, Helvetica, sans-serif"><?php echo $f5; ?></font>
</td>
</tr>
<?php$i++;}
?>
</body>
</html>
Thanks in advance for all your help! If this is not the way to go about
for what im trying to accomplish i am open to new suggestions Thanks
again.

Switching views in Xcode

Switching views in Xcode

I am new to Xcode and I need to switch views:
game *test = [[game alloc] initWithNibName: nil bundle: nil];
[self presentModalViewController:test animated:YES];
That is the code that I have but it is not switching views. Any help would
be great.

Create own ORM in java using factory method

Create own ORM in java using factory method

I just want to ensure if the factory method fits within object relational
mapping (ORM) implementation or it has nothing to do with that.
Thank you

add aocolumns with $.parseJson() datatables.js

add aocolumns with $.parseJson() datatables.js

I need a little of help here.
I need to fill a table with json from the server, the aaData and
aoColumns, but the thing is that I need a column with a button.
I have this code
$('#divGrid').html('<table cellpadding="0" cellspacing="0"
border="0" class="display" id="example"></table>');
var results=result.split('@_@');
$('#example').dataTable({
"aaData": $.parseJSON(results[0]) ,
, "aoColumns": $.parseJSON(results[1])
});
}
my results are
results[0]="[["jpa","SI","","","","PADILLA",1],["sid","SI","","","","MIRAMONTES",2]]"
results[1]=[{"sTitle":"UserName"},{"sTitle":"ID_CENTRO_TRABAJO"},{"sTitle":"rolName"},{"sTitle":"dominio"},{"sTitle":"recibeAlertas"},{"sTitle":"NOMBRE"},{"sTitle":"edit",
"fnRender": 'function(obj){ return '<input type='button' name='hola'
value='Play'></input>';}'}]"
but my console is clean, no errors are throw. The value apperas but the
button is not.
thanks for any help

Javascript re-write of js/php music composition program

Javascript re-write of js/php music composition program

A while ago, I created (with much help) a program that uses php and
javascript to make some ambient music by randomizing an array of .ogg
files. Now I am trying to re-write it with js alone.
The new code immediately below does not work (when you press the 'start'
button, nothing happens); the code below that (containing php) does work.
I've been over the new code several times and I think I've got the
'typos'. I'm pretty sure the problem is in the syntax of the
window.setTimeout line, but haven't quite figured out how it should be.
Thanks for any help you can offer!
<!DOCTYPE html>
<html>
<head>
<title>Audio Testing</title>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function getRandInt (min, max)
{
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffle(o)
{
for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x
= o[--i], o[i] = o[j], o[j] = x);
return o;
}
</script>
<script type="text/javascript">
var tonesTotal = 150;
function getDelays(tonesTotal)
{
var return_array = array();
for (var i = 0; i < tonesTotal; i++)
{
var r = getRandInt(0, 600);
var delay = r * 1000;
return_array.push(delay);
}
return return_array;
}
var delays = new Array();
delays = getDelays(tonesTotal);
$(document).ready(function()
{
$("#start").click(function()
{
var riff_time = 2920;
var base = 'sound';
for(var i = 0; i < tonesTotal; i++)
var id = base + ((i + 1) );
window.setTimeout ("document.getElementById('" + id +
"').play()", delays[i]);
});
});
</script>
</head>
<body style="background-color: #999;">
<button id="start">Start</button>
<br><br>
<script>
var tonesTotal = 150;
var samples = new Array("tone0.ogg", "tone2.ogg", "tone4.ogg",
"tone6.ogg", "tone7.ogg", "tone9.ogg", "tone11.ogg", "tone12.ogg");
for (var i=1; i <= tonesTotal; i++)
{
shuffle (samples);
var samplepick = samples[0];
document.write ("<audio controls id='sound" + i + "'><source
src='" + samplepick + "' type='audio/ogg'></audio>");
}
</script>
</body>
</html>
PREVIOUS CODE:
<!DOCTYPE html>
<html>
<head>
<title>Audio Testing</title>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<?php
//$randC = rand(1,4);
$C = 150;
function getDelays($C)
{
$return_array = array();
for($i = 0; $i < $C; $i++)
{
$r = rand(0, 600);
$delay = $r * 1000;
array_push($return_array, $delay);
}
return $return_array;
}
echo "<script type=\"text/javascript\">\n";
echo "var delays = new Array();";
$delays = getDelays($C);
for($i = 0; $i < sizeof($delays); $i++)
{
echo "delays[" . $i . "] = " . $delays[$i] . ";\n";
}
echo "
$(document).ready(function()
{
$(\"#start\").click(function()
{
var riff_time = 2920;
var base = 'sound';
for(i = 0; i < $C; i++)
{
var id = base + ((i + 1) );
window.setTimeout (\"document.getElementById('\" + id
+ \"').play()\", delays[i]);
}
});
});
</script>
";
?>
<style type="text/css">
</style>
</head>
<body style="background-color: #999;">
<button id="start">Start</button>
<br><br>
<?php
$samples = array("tone0.ogg", "tone2.ogg", "tone4.ogg", "tone6.ogg",
"tone7.ogg", "tone9.ogg", "tone11.ogg", "tone12.ogg");
for ($i=1; $i<= $C; $i++) {
shuffle ($samples);
$samplepick = $samples[0];
echo '<audio controls id="sound'.$i.'">
<source src='.$samplepick.' type="audio/ogg">
</audio>';
}
?>
</body>
</html>