Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    div con absolute esce fuori dalla pagina

    Salve a tutti.
    Nel layout del mio sito c'è un div principale, a destra, contenente il corpo del sito, e un div di menu verticale, a sinistra.
    Per esempio: http://www.labatteria.it/anatomia/tom.php
    Il primo div ha un margin sinistro impostato in modo tale da lasciare spazio al secondo div, il menu, posizionato con absolute.
    Decisi così, a suo tempo, in modo da inserire nella pagina prima i contenuti e alla fine il menu, per motivi di SEO.
    Il problema è che se i contenuti sono pochi, in alcune pagine, il menu verticale esce dai bordi del sito stesso (un terzo div "padre", contenente i div su citati).
    Esiste un modo per evitare ciò, senza stravolgere le carte in tavola?
    Grazie molte.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    La mia sfera di cristallo (ma non sempre funziona bene ) mi dice che forse devi solo aggiungere un clear, dopo la chiusura dei div affiancati e prima della chiusura del contenitore.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie della risposta, per aggiungere un clear intendi per esempio un div con la proprietà di clear impostata a both, per esempio?
    Credo che la tua sfera di cristallo sia su un'ottima strada :-)

    edito: ho provato a seguire quanto indicato a questo link: http://www.complexspiral.com/publica...aining-floats/
    ma il risultato non cambia
    Ultima modifica di ciotorob; 05-02-2015 a 19:08 Motivo: aggiornamento

  4. #4
    Mi permetto di rispondere al mio stesso post.
    A quanto vedo, un div con absolute esce dal flusso normale della pagina, pertanto gli elementi vicini e contenitori non hanno modo di adattarvisi.
    Sto cercando pertanto una soluzione con jquery, e sarà occasione per conoscere queste funzioni, che ignoravo
    http://www.tutorialrepublic.com/code...-a-div-element

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.