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

    div centrato in myspace

    Salve a tutti, ho un problema con myspace.
    Sto posizionando sopra la pagina un div contenitore di 800px di larghezza e 1550 di altezza.
    Il problema è che non riesco a posizionarlo al centro perfetto della pagina... Il div dovrebbe mantenere le stesse distanze da sinistra e da destra anche se la risoluzione dello schermo cambia.
    Ma non so come farlo!!
    Per il top invece dovrebbe rimanere attaccato, ma se non sbaglio basta top:0px....


    <div style= "position: absolute; width: 800px; height: 1550px; margin-left: 0 auto; margin-right: 0 auto; background-color: &#035;14deae;" id="livello1">
    contenuto div
    </div>

    Questo è il mio codice, gli attributi di stile li devo mettere per forza inline, ma comunque non mi funziona.... potreste darmi una mano?!

  2. #2
    Sono a questo punto....

    codice:
    <style type="text/css">
    
    
    body {
    background:url('http://www.noizeconcept.it/hack/myspace/img/background.png') repeat top center fixed;
    background-color:FFFFFF
    }
    
    .contain div {
    background-color:14deae;
    color:FFFFFF;
    font: 10pt Arial,Helvetica,sans-serif;
    overflow:auto
    }
    
    a:link, a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a:hover, a.navbar:hover, a.man:hover {
    color:000000;
    font: 10pt Arial,Helvetica,sans-serif
    }
    
    .mpd1{width:800px;height:1550px;top:0;left:0px;position:absolute}
    .hold{background-color:transparent} 
    .contain{left:50%;margin-left:-400px;top:150px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
    .corner{left:0;top:0;position:absolute;z-index:9;visibility:visible !important}
    .comments{display:none}
    .contacttable,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwork,.orangetext15{display:none}
    .bodyContent div div form{display:inline}
    .bodyContent table table table{visibility:hidden}
    a img{border:none}
    td,form{margin:0;padding:0}
    table,tr,td{background:transparent}
    </style>
    
    
    
    
    <div class="hold"><div class="contain">
    <div class="mpd1">This is box 1.</div>
    </div></div>
    <div class="corner"></div>
    <div class="comments">
    <table><tr><td>
    <table><tr><td>
    Il risultato che ho ottenuto è proprio quello che cercavo...l'unico problema è riuscire a portare il div al top della pagina....

    Grazie!

    Marco

  3. #3
    Ciao SKUMM, purtroppo non so aiutarti però volevo sapere una cosa, le class e gli id nello myspace sono chiamati sempre allo stesso modo giusto?
    Se si, se li sai puoi cortesemente indicarmeli tutti?
    Per il momento una buona giornata e buon lavoro....


    http://www.myspace.com/senzaessenzaband

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    margin-left: 0 auto; margin-right: 0 auto;
    Questo qui sopra e` sicuramente sbaglaito (anche dal punto di vista sintattico).

    Forse volevi scrivere:
    margin: 0 auto;
    che corrisponde a:
    margin: 0 auto 0 auto;
    cioe` margine automatico a destra e sinistra e margine nullo in alto e basso.
    NB: questo per i browser standard, per IE occorre inserire un text-align:center nel body


    Invece nel codice postato successivamente ci sono molti aspetti dubbi (sia nell'HTML che nel CSS).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.