Visualizzazione dei risultati da 1 a 7 su 7

Discussione: allineamento in basso

  1. #1

    allineamento in basso

    Colleghi..sto cercando vanamente di spostare un box in basso ( risiede dentro un altro box) con margin-bottom:3px ma rimane fermo lì a mezz'aria.
    Forse nn è il comando giusto?
    thanks
    Il vincitore è solo un sognatore che non ha mai mollato-----
    Cerbarano
    -----
    www.paoloemax.it

  2. #2
    Utente di HTML.it L'avatar di Kintaro
    Registrato dal
    Dec 2000
    Messaggi
    188
    se lo vuoi spostare in basso casomai dovrai aumentare il margin-top oppure provare con "position: relative; bottom: 0px;". Bisogna vedere com'è il parent, se ha un'altezza predefinita te la cavi, se ha dentro dei contenuti te la cavi mettendolo sotto i contenuti... altrimenti boh... spiegati meglio
    Imparo! Imparo! Imparo!

  3. #3

    ok

    il parent ha 100%,ho messo il position relative ecc e non va...
    certo che l'ho messo sotto i contenuti, ma vorrei che questa "barretta" fosse proprio sotto su tutte le pg e quindi non modificarne ognuna...
    Il vincitore è solo un sognatore che non ha mai mollato-----
    Cerbarano
    -----
    www.paoloemax.it

  4. #4
    Utente di HTML.it L'avatar di Kintaro
    Registrato dal
    Dec 2000
    Messaggi
    188
    ah ecco in fondo alla pagina dunque.. un footer!!

    è un casino... allora:

    Il Gecko e OP7 supportano volendo "position: fixed; bottom: 0", ma IE e OP6 non lo vedono proprio (tutte le versioni).

    In IE5+/Win puoi mettere il parent a 100% position relative e il footer absolute bottom: 0 (anche il gecko supporta però mica sempre). OP e IE/Mac sballano tutto (tutte le versioni).

    Browser di 4° generazione: scordatelo!

    Se ti puoi permettere di metterlo fixed (perchè magari è molto fine) te la cavi con un css dinamico a seconda del browser (io nel mio sito ho fatto così), se ti puoi permettere di nasconderlo puoi farlo vedere solo a IE5+/win e nasconderlo a tutti gli altri.

    Altrimenti metti una tabella larga e alta 100 in un parent alto 100 con 2 righe, la prima alta 100 e la seconda x pixel... funziona... compatibilità pressochè totale e validato. La verità è con i div non si può fare tutto (non sono solo io a dirlo).

    Imparo! Imparo! Imparo!

  5. #5

    ok

    ma toglimi 1 curiosità:
    secondo il w3c , insomma secondo lo standard css è corretta l'istruzione: margin-bottom:2px per dirgli di andare praticamente in basso vero? solo che i browser non lo capiscono, giusto?
    Il vincitore è solo un sognatore che non ha mai mollato-----
    Cerbarano
    -----
    www.paoloemax.it

  6. #6
    Utente di HTML.it L'avatar di Kintaro
    Registrato dal
    Dec 2000
    Messaggi
    188
    margin-bottom: 2px dovrebbe voler dire che al box viene applicato un margine in basso di 2 px non che debba trovarsi a 2 px dal parent.
    Nel caso di left, top, e right+float:right lo puoi usare anche per distanziarlo dal parent, ma con bottom non credo sia possibile. Se sai l'altezza del parent allora puoi mettere un margin-top per spingerlo in giù. Presumo quindi che l'impostazione dei vari browser sia corretta.

    Se il footer è solo un'immagine c'è la possibilità di metterla in background, poi la fai ripetere solo in orizzontale e l'allinei in basso. Compatibilità totale coi browser della 5° generazione. Però deve essere solo un'immagine tipo greca o che so.. si possono ottenere effetti interessanti
    Imparo! Imparo! Imparo!

  7. #7

    ah

    capito...con questo mi hai chiarito le idee...
    pensavo che un box col margin -bottom:2px venisse buttato a 2px dal parent.
    Quindi, ricapitolando, non esiste un istruzione che dica al box questo, giusto?
    il mio footer è una specie di barra con i link a tutto il sito, non un immagine.....cazzarola mi rompe 1 casino mettere mano a tutte le pg trovando i
    giusti .
    grazie i stes
    Max
    Il vincitore è solo un sognatore che non ha mai mollato-----
    Cerbarano
    -----
    www.paoloemax.it

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.