Corretto dimensionamento altezza template
Autore: Fabio B.In questo sito: http://studioveterinarioassociato.sitocentrale.org/
ho aggiunto nel menù principale un modulo di login e di logout personalizzati mediante l'inserimento del seguente script html:
<!-- Private Area.Login: START -->
<div id="imLogin" style="width: 100px">
<form method="post" action="imlogin.php" onsubmit="_jq(this).attr('action', x5engine.settings.currentPath + 'imlogin.php'); return (x5engine.utils.isOnline() || !x5engine.utils.showOfflineMessage(x5engine.l10n.get('blog_offline_message')));">
<div class="imLoginBlock" style="width: 100%;">
<label for="imUname"><span style="font-weight: normal; font-style: normal;font-family:Tahoma; font-size:10pt; color: #400000">Username:</span></label><br />
<input type="text" name="imUname" id="imUname" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; font-family:Tahoma; font-size:10pt; background-color: #F1EAD8; color: #000000; width: 100px"><br />
</div>
<div class="imLoginBlock" style="width: 100%;">
<label for="imPwd"><span style="font-weight: normal; font-style: normal;font-family:Tahoma; font-size:10pt; color: #400000">Password:</span></label><br />
<input type="password" name="imPwd" id="imPwd" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; font-family:Tahoma; font-size:10pt; background-color: #F1EAD8; color: #000000; width: 100px"><br />
</div>
<div class="imLoginBlock" style="width: 100%; margin-top: 5px; text-align: center">
<input type="submit" value="Accedi" class="imLoginSubmit" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; background-color: #400000; font-family:Tahoma; font-size:10pt; color: #FFFFFF">
</div>
</form>
</div>
<!-- Private Area.Login: END -->
<!-- Private Area.Logout: START -->
<a href="http://studioveterinarioassociato.sitocentrale.org/res/imlogout.php" class="esci" style="width: 40px;">Esci</a>
<!-- Private Area.Logout: END -->
Poi l'ho corredato nella sez esperto di questo codice css:
<style type="text/css">
a.esci {
background-color: #400000;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-family: Tahoma;
font-size: 10pt;
font-style: normal;
font-weight: normal;
border-radius: 7px 7px 7px 7px;
cursor: pointer;
padding: 4px 8px;
text-align: center;
margin-left: 22px;
text-decoration:none;
}
#imMnMnGraphics{
height: auto;
overflow : visible;
}
#imContent{
height: auto;
overflow : visible;
}
</style>
Senza l'aggiunta della penultima regola succedeva che il menù, qualora il contenuto della pagina fosse più lungo (io me ne sono accorto dal blog), si staccava dal footer lasciando una striscia vuota.
Pensavo di aver risolto ma invece vedo che se faccio una ricerca col motore interno (per esempio "lorem"), la pagina di imSearch.php continua a troncarmi il menù.
Allora ho aggiunto anche la proprietà overflow e l'ultimo selettore con le stesse regole del precedente, ma il problema persiste ancora.
Come posso eliminarlo?
Autore
Mi sono appena accorto dello stesso problema anche nella pagina imlogin.php
Autore
Mistero risolto: al passo 4 non avevo settato correttamente le dimensioni dell'oggetto html opzionale nel menù principale.