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

    Layout CSS : Div che si allunga

    Ciao a tutti.

    Ho una paginetta dinamica con una tabella che in base ai parametri selezionati dall'utente può diventare anche molto lunga. La tabella è messa su un contenitore (<div id="container" style="Z-INDEX: 19; POSITION: absolute">)

    Volevo che il contenitore fosse centrato orizzontalmente (e fin qui nessun problema) e la cui lunghezza variasse in base alla dimensione della tabella;

    codice:
    #container {
      position : absolute; left: 50%; width: 770px; margin-left: -385px;
      top : 118px;
      height :100%;
    }
    Con questo codice riesco a centrare il div e a farlo diventare alto quanto la dimensione del viewport. Il problema è che quando la tabella si ingrandisce + del viewport sono fregato

    C'è una maniera per fare quello che mi serve con i CSS?

    Grazie a tutti

  2. #2
    nessuno sa aiutarmi??

  3. #3
    Devo proprio arrangiarmi con javascript? VVoVe:

    Ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ti diro` che quel sistema per centrare non mi convince, ne` mi convince l'uso diposition:absolute;

    Per cui non so consigliarti oltre.
    Io eliminerei l'uso di position e centrerei con il
    margin: 0 auto;
    (oltre che con il text-align:center nel box superiore per IE)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Originariamente inviato da Mich_
    Ti diro` che quel sistema per centrare non mi convince, ne` mi convince l'uso diposition:absolute;

    Per cui non so consigliarti oltre.
    Io eliminerei l'uso di position e centrerei con il
    margin: 0 auto;
    (oltre che con il text-align:center nel box superiore per IE)
    Il mio problema nn è sul metodo per centrare (che mi pare funzionare bene sia con IE che con Mozilla), bensì sapere se è possibile tramite CSS aumentare l'altezza di un DIV in base all'altezza del documento e non in base solo al "Viewport". :master:

    Se nn si può mi arrangero in qualche altra maniera

    Grazie cmq

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ritengo si possa: ingfatti tutti i layout che si trovano in giro lo fanno.
    Quello che mi impedisce di aiutarti, e` tutto quel forzare le posizioni e i margini: in tali condizionamenti e` difficile lasciare che il browser faccia la sua parte.

    Per cui per come la vedo io devi fare una scelta:
    - procedere con il "layout simil-carta";
    - cambiare completamente atteggiamento nei confronti del mezzo "Web".
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Originariamente inviato da Mich_

    Per cui per come la vedo io devi fare una scelta:
    - procedere con il "layout simil-carta";
    - cambiare completamente atteggiamento nei confronti del mezzo "Web".
    Scusami ma io sono piuttosto ignorantello in materia programmazione web e
    le tue proposte mi risultano abbastanza criptiche :master: :master:

    Cosa intendi per "layout simil-carta"

    Grazie ancora

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` l'atteggiamneo (sbagliato) di voler trattare la pagina Web come se fosse carta da stampare, scegliendo dimensione dei caratteri, dimensione della finestra, posizionamenti ...
    Sono tutte cose che funzionano in alcuni test, ma poi si trasformano in pagine orrende o illeggibili in altri browser/finestre/risoluzioni.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  9. #9
    Ok adesso ho capito cosa intendi!

    vedrò di sistemare in qualche maniera,

    ti ringrazio


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 © 2026 vBulletin Solutions, Inc. All rights reserved.