Pagina 1 di 4 1 2 3 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 37
  1. #1

    mettere tutto al centro

    ciao, sono un neofita del css e ho una pagina molto semplice che si sviluppa tutta all'interno di un rettangolo 540x490px composto da tre DIV e vorrei che questo rettangolo si trovasse sempre al centro della pagina e che avesse un bordo esterno (che non mi faccia da bordo a ogni singolo DIV ma a tutto il contenuto) di 1px..come faccio??? grazie...

    PS: vi allego il codice..tanto x capirci meglio.

    [CODE]<html>
    <head><link rel="STYLESHEET" TYPE="text/css" HREF="stilehome.css"></head>
    <STYLE TYPE="text/css">
    <!--

    #barra {
    position:absolute
    left:0px;
    top:0px;
    width:750px;
    height:164px;
    background-color:#1F1F1F;
    }

    #menu {
    position:absolute;
    left:0px;
    top:164px;
    width:152px;
    height:332px;
    background-color:#1F1F1F;
    }

    #content {
    position:absolute;
    left:152px;
    top:164px;
    width:598px;
    height:332px;
    background-color:#1F1F1F;
    overflow:auto;
    }

    -->
    </STYLE>

    </HEAD>
    <BODY STYLE="overflow:auto; background-color:#1F1F1F;">

    <DIV ID="barra">
    </DIV>
    <DIV ID="menu">
    </DIV>
    <DIV ID="content">
    </DIV>
    </body></html>
    [CODE]
    - - - keep it simple - - -

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: mettere tutto al centro

    il codice da scrivere è:
    body{
    margin:0;
    padding:0;
    text-align:center;
    }

    #MioBox{ /* senza maiuscole*/
    margin:0 auto;
    padding:0;
    width:600px;
    }

    se a #MioBox dai un position:absolute, non puoi +posizionarlo al centro; absolute prevale.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    non funziona..insomma devo togliere position:absolute o devo lasciarlo?? Le ho provate tutte ma non riesco a mettere tutto al centro.
    - - - keep it simple - - -

  4. #4
    il codice che ti è stato suggerito funziona, fai attenzione a qualche errore nel tuo css...
    Era il mio cane!

  5. #5
    se io uso il codice da voi consigliato i miei tre div si posizionano uno sopra l'altro mentre il primo deve essere in alto, il secondo sotto il primo a destra e il terzo a destra del secondo e sotto al primo. Come faccio???? E il valore "position" come deve essere?? Ciao..
    - - - keep it simple - - -

  6. #6
    se fosse più chiaro per qualcuno questo è il link alla pagina: www.suryastones.it/testing/prova.html dove vedrete in pratica cosa succede e potete vedere il codice.

    ciao grazie di nuovo. :master:
    - - - keep it simple - - -

  7. #7
    potresti postare il link alla pag così lo vediamo..
    Era il mio cane!

  8. #8
    hehe.. questo si chiama collegamento psichico VVoVe: ! Ho giusto modificato il post..heheheheeee
    - - - keep it simple - - -

  9. #9
    scrivi i tag in minuscolo, usa un DOCTYPE appropriato:


    *(margin:0;padding:0
    body{
    text-align:center;
    }
    #contenitore{
    width:750px;
    margin: 0 auto;
    }
    #barra {
    width:750px;
    height:164px;
    }

    #menu {
    width:152px;
    background-color:#1F1F1F;
    float: left;
    }

    #content {
    float: left;
    width:598px;
    }

    XHTML:

    <body>
    <div id="contenitore">
    <div id="barra"></div>
    <div id="menu"></div>
    <div id="content"></div>
    </div>
    </body></html>
    Era il mio cane!

  10. #10
    grazie!!

    qual'è il vantaggio di scrivere tutto in minuscolo?? Io lo uso per distinguere alcune parti di codice quando le pagine sono più complesse. Che vuol dire usare un DOCTYPE appropriato?????

    Ciao grazie ancora
    - - - keep it simple - - -

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