• C
    Super User •

    Se invece di top metti bottom cambia qualcosa?

    0
  • G
    User •

    il punto è che se metto bottom, mi taglia in alto e in alto ho un header, e anche quello ha il pattern che si deve appoggiare al corpo del sito.

    0
  • C
    Super User •

    allora la cosa è complicata, non puoi fissare un'altezza per le pagine? Forse puoi usare js ma sicuramente non è il massimo

    0
  • G
    User •

    No, non posso, volevo mettere all'interno un blog, quindi a seconda dei post lo spazio è diverso...

    Avevo pensato al JS, e l'algoritmo potrebbe essere questo:

    1. Calcolo la dimensione (heigth) del div
    2. Arrotondo la dimensione per eccesso al valore multiplo dell'altezza dell'immagine di background
    3. riassegno questo nuovo valore alla dimensione del div

    Ma come si fa in javascript?

    Qualcuno sa aiutarmi?

    grazie, ciao

    0
  • C
    Super User •

    si infatti pensavo a qualcosa del genere. Per fare quello che devi fare tu, un codice di massima è:

    var div = document.getElementById(id);
    height = document.getElementById(id);
    div.height = ceil (height / altezzaSfondo) * altezzaSfondo;

    non ho idea di quanto funzioni, ma come inizio non mi sebra male!

    Ciao

    0
  • G
    User •

    Grande, grazie!

    ma credo ci sia un errore nel codice: queste due righe fanno la stessa cosa, mentre penso tu con la seconda intendessi prelevare il valore della dimensione del div

    var div = document.getElementById('corpo');

var height = document.getElementById('corpo');

    ... quindi?

    0
  • C
    Super User •

    si la seconda sarà qualcosa del tipo var height = div.height;

    0
  • G
    User •

    Grazie 1000!

    ho risolto!

    Questo il codice ad uso della comunità!

    ciaoo e grazie!

    <script type="text/javascript">
var altezza = document.getElementById('corpo').offsetHeight;
var altezzaSfondo = 109;
var newAltezza = Math.ceil (altezza / altezzaSfondo) * altezzaSfondo;
document.getElementById('corpo').style.height= newAltezza + 'px';
</script>
    0
  • C
    Super User •

    Bene!

    Prego

    0
  • M
    User Newbie •

    @cali1981 said:

    Bene!

    Prego

    Ciao, ho trovato molto interessante l'argomento visto che mi sono trovato a risolvere lo stesso problema. Ho provato con il codice javascript postato ma non va. Esattamente il codice dove deve essere inserito? Sicuramento sto sbagliando qualcosa.
    Utilizzo joomla ed ho provato ad inserire il codice all'interno dell'index prima di:

    <body onload="set_footer();add_menu_event_handlers();">
    <a name="top"/>
    <div id="xp-main-body-container" style="top: 125px;">
    </div>
    <div class="top_outer_medium" style="height: 100px;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 419px; left: 612px; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 467px; left: 609px; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
    </div>
    <div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
    </div>
    </body>
    </html>

    Grazie in anticipo per chi vorrà aiutarmi

    Max

    0
  • G
    User •

    ciao,
    io codice va messo alla fine, io l'ho messo addirittura dopo il tag </html>

    Ti ricordo che 'corpo' è l'id del div che contiene tutto lo sfondo di cui vuoi calcolare la dimensione, che poi va impostata per eccesso ad un multiplo dell'altezza della tua immagine di sfondo ripetuta.

    Ciao

    0
Effettua l'accesso per rispondere