Ciao,
sto usando uno script in jquery per allineare il div dati e il div div_form.
Il div dati deve andare in fondo alla pagina ed essere centrato orizzontalmente, il div_form deve essere centrato in verticale con lo spazio che rimane e centrato in orizzontale
questo il codice che uso attualmente
codice:
<!DOCTYPE html>
<HTML lang="it">
<HEAD>
<meta charset="utf-8">
<title>pagina</title>
<link rel="icon" href="/image/favicon.png" type="image/png" />
<link rel="stylesheet" type="text/css" href="../style.css?r=pSG75qLYjp">
<script src="../inc/jquery.js"></script>
<script nonce="YvTfhRdiksut2Pd594aBDsqCuuKEAP9ATPB517lmIr4h8ZpwIx19Rinl">
//<!--
$(window).resize(function() {
posizionaTesto();
});
$(document).ready(function()
{
posizionaTesto();
});
function posizionaTesto(){
$('#dati').hide();
$('#dati').css("top", (($(window).height() - $('#dati').height())) - 10 + 'px');
$('#dati').css("left", (($(window).width()/2) - ($('#dati').width()/2)) + 'px');
$('#dati').css("position","absolute");
$('#dati').css("z-index",1);
$('#dati').show();
$('#div_form').hide();
$('#div_form').css("top", ($(window).height() - $('#div_form').height() - $('#dati').height() ) / 2 + 'px');
$('#div_form').css("left", (($(window).width()/2) - ($('#div_form').width()/2)) + 'px');
$('#div_form').css("position","absolute");
$('#div_form').css("z-index",1);
$('#div_form').show();
}
//-->
</script>
<style nonce="HGNFb9ZDOVJn437ifKnyAMrckFHSes9qgxD1zNAhE2E1RyWK29fVt6F4">
.sfondo_bianco{
background-color: white;
}
.allinea-div-verticale {
display:flex;
align-items:center;
}
.allinea_centro {
display:flex;
justify-content:center;
align-items:center;
}
.nascosto {display: none}
</style>
</HEAD>
<body class="sfondo_bianco" >
<div id="div_form" class="nascosto">
<div class="ScrittaErr allinea_centro"><b></b></div><br><br>
<form action="pagina.asp" method="post" name="login" id="form">
<table border="0">
<tr>
<td>Nome utente:</td>
<td><input class="InputText" type="text" name="u" id="u" autocomplete="OFF"></td>
</tr>
<tr>
<td>Password:</td>
<td><input class="InputText" type="password" name="p" id="p" autocomplete="OFF"></td>
</tr>
<tr>
<td colspan="2" align="right"><img src="../image/logo_small_b.jpg" id="logo" class="stileLogoLogin" border="1" title="Logo"></td>
</tr>
</table>
</form>
</div>
<div id="dati" class="nascosto">
<table>
<tr>
<td align="center">
<font color="#999999">
dati azienda
<br>
<div class="allinea-div-verticale">
altri dati
</div>
</font>
</td>
<td>
<!--logo https se presente-->
</td>
</tr>
</table>
</div>
</body>
</HTML>
posso fare la stessa cosa con l'uso dei css per allineare i due div? Chiedo qui perche' conosco poco i css e non avrei idea di come fare.
grazie in anticipo