Visualizzazione risultati 1 fino 6 di 6

Discussione: Altezza dinamica div flottante

  1. #1
    Guest

    Predefinito Altezza dinamica div flottante

    Salve, dopo aver tirato giù qualche santo sono riuscito a rendere il container alto quanto i div flottanti, ora c'è un problema: ho una textarea che al passaggio del mouse aumenta di altezza, quindi aumenta l' altezza del container, ma l' altezza dell' altro div flottante non cambia.

    Per farvi capire meglio:

    http://beateaters.it/luna.gif

    Avete idee?

    Ho provato anche con height: 100% all' altro div flottante ma nulla

  2. #2
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    mostra la pagina

  3. #3
    Guest

    Predefinito

    Dovresti registrarti, per questo ho fatto la gif.

  4. #4
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Citazione Originalmente inviato da mybeatnews Visualizza messaggio
    Dovresti registrarti, per questo ho fatto la gif.
    La gif, però, non contiene i codici html e css...
    Sarebbe molto più utile se fornissi una pagina da provare.

  5. #5
    Guest

    Predefinito

    Ok, ecco: http://beateaters.it/temp/esempio.php

    Come si può notare passando il mouse sulla textarea aumenta l' altezza del container ma il div nav-left (flottante, con background grigiastro) rimane a quell' altezza.

  6. #6
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    potresti usare le "false colonne" applicando lo sfondo a #container e rimuovendo bordo e colore da #nav-left
    oppure
    potresti dare a #container overflow: hidden e a #nav-left padding: 10px 10px 5010px margin-bottom. -5000px
    oppure
    potresti dare a #content un min-height e un border-left del colore e dimensione adatti
    a #container position: relative e a #nav-left position: absolute e z-index superiore
    (il tuo css andrebbe rivisto e anche l'html, che non avrebbe bisogno di clear e floa)t

    insomma qualche soluzione si trova sempre

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •