Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,747

    div centrato che si espande in rapporto al contenuto

    Sto cercando di centrare orizzontalmente un div che dovrebbe espandersi in rapporto al contenuto, l'esempio lo potete vedere a questo indirizzo:

    http://www.4null.net/gmaps

    Ho fatto due esempi, il primo è il div fatto con i css e i link sono centrati mentre li vorrei allineati verticalmente tra di loro ma al centro della pagina.

    L'esempio sottostante fatto inserendo il div dentro una tabella centrata raffigura il risultato come lo vorrei, ma con i css.

    Il codice css è semplice, ho già fatto un mucchio di prove ma senza successo. Cosa mi consigliate?

    codice:
    body {
    text-align: center ;
    color: #404040 ;
    margin: 20px ;
    padding: 0 ;
    }
    
    #navcontainer { 
    border: 1px solid silver ;
    margin : 0 auto ;
    }
    
    
    #navlist li { 
    list-style-type: square ;
    }
    Errare humanum est, perseverare ovest

  2. #2
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,747
    scusate, ho cambiato il link:

    http://www.4null.net/gmaps/index.html
    Errare humanum est, perseverare ovest

  3. #3

    Re: div centrato che si espande in rapporto al contenuto

    Originariamente inviato da carlo2002
    codice:
    body {
    text-align: center ;
    color: #404040 ;
    margin: 20px ;
    padding: 0 ;
    }
    
    #navcontainer { 
    border: 1px solid silver ;
    margin : 0 auto ;
    }
    
    
    #navlist li { 
    list-style-type: square ;
    }
    Aggiungi:


    #navcontainer {
    width: 350px;
    border: 1px solid silver ;
    margin : 0 auto ;
    }


    #navlist ul {
    text-align: left;
    }
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  4. #4
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,747

    Re: Re: div centrato che si espande in rapporto al contenuto

    Originariamente inviato da ricman
    Aggiungi:

    #navcontainer {
    width: 350px;
    border: 1px solid silver ;
    margin : 0 auto ;
    }


    #navlist ul {
    text-align: left;
    }


    no, così rimangono centrati. Bensì:

    #navlist li {
    text-align: left ;
    list-style-type: square ;
    }

    Ma così la larghezza del div rimane fissa, non si espande con la lunghezza del contenuto, ma rimanda a capo
    Errare humanum est, perseverare ovest

  5. #5

    Re: Re: Re: div centrato che si espande in rapporto al contenuto

    Originariamente inviato da carlo2002
    Ma così la larghezza del div rimane fissa, non si espande con la lunghezza del contenuto, ma rimanda a capo
    Chi sta dentro si adatta a chi sta fuori... (non viceversa)
    è il corretto funzionamento dell'(x)html

    Se le tabelle hanno un comportamento anomalo non lo so... anche perchè per il tuo scopo non avresti neanche dovuto provare ad usarla.. non è corretto...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  6. #6
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,747

    Re: Re: Re: Re: div centrato che si espande in rapporto al contenuto

    Originariamente inviato da ricman
    Se le tabelle hanno un comportamento anomalo non lo so... anche perchè per il tuo scopo non avresti neanche dovuto provare ad usarla.. non è corretto...
    Si lo so, era solo un esempio per far capire il risultato che volevo ottenere. Grazie lo stesso

    Errare humanum est, perseverare ovest

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.