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

    Layer centrato - problemi con firefox

    Ciao a tutti.
    ho realizzato un layer che viene posizionato al centro del body.
    il codice sembra funzionare benissimo con IE7 (devo ancora testare con IE6), metre con firefox non ne vuole proprio sapere. Diciamo che mi posiziona al centro del body l'angolo in alto a sinistra del div e non prende in considerazione i margin con valore negativo che centrano il tutto.

    posto il codice.
    Codice PHP:
    #livello{
    width:1024px;
    height:650px;
    border:1px solid #fff;
    margin:auto;
    padding:0;
    background:#a9c6ec;
    overflow:hidden;
    positionAbsolute;
    top50%;
    left50%;
    z-index:2;
    margin: -325px, -512px;

    ho provato anche tramite hack a modificare il valore in negativo mettendo valori assurdi ma per vedere come si comportava firefox ma non da segni di vita.
    *|html #fla{top:25%; left:25%; margin:-3000px, 10024px; border:1px solid #f00;}
    Rimane sempre con l'angolo sx sup al centro.

    Qualcuno mi può aiutare?

    Ciao e grazie
    Lorem Ipsum tutta la vita!

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    NN si capisce molto quello che vuoi fare.
    Il tuo "layer" è dentro ad altri elementi? Lo usi come contenitore? Sulla mia macchina si vede in basso a destra e inoltre crea una una barra di scorrimento a dx.
    Poi nel blocco delle tue dichiarazioni prima imposti un margin: auto che poi annulli dando una position absolute con top e left e poi infine setti dei margini negativi. Perchè tutto questo?. Quando dai una position:absolute l'elemento si estrae dal flusso normale del documento, i margini che imposti prima si vanno a far benedire.
    Spiegati meglio=)

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Giusto quanto dice gengix ...

    Ma ... occhio alla sintassi:

    Il valore "Absolute" nel tuo
    position: Absolute;
    non esiste nello standard CSS.

    I browser IE lo riconoscono lo stesso, visto che in linea di massima sono case-insensitive.

    PS: una passata dai validatori ti puo` aiutare.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Grazie per le dritte rgazzi.
    scusate se vi rispondo solamente adesso...
    darò un'occhiata con i validatori

    Ciao

    Originariamente inviato da Mich_
    Giusto quanto dice gengix ...

    Ma ... occhio alla sintassi:

    Il valore "Absolute" nel tuo
    position: Absolute;
    non esiste nello standard CSS.

    I browser IE lo riconoscono lo stesso, visto che in linea di massima sono case-insensitive.

    PS: una passata dai validatori ti puo` aiutare.
    Lorem Ipsum tutta la vita!

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    A parte l'errore di sintassi, il tuo è un errore di logica.
    Nn ho ancora capito cosa volevi ottenere=), se hai risolto ok, ma se nn hai ottenuto il tuo scopo facci sapere cosa volevi fare che magari ti diamo un consiglio

  6. #6
    ma se uno ha una risoluzione diversa dalla tua? ad esempio 1024x768 o 1680x1050 funziona lo stesso?

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.