Visualizzazione risultati 1 fino 4 di 4

Discussione: centrare con IE7

  1. #1
    Guest

    Predefinito centrare con IE7

    Ho questo sito. Con IE6, FF, Opera e Safari lo vedo centrato nella pagina. Invece con IE7 mi hanno riferito che si vede a sx in alto. Questo è il css della home

    Codice:
    body{
    background-color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;	
    }
    
    #paginaSfondo{
    	background-image:url(../images/home.jpg);
    	background-position:top center;
    	background-repeat:no-repeat;
    	/* centrare div IE*/
      	position: absolute;
      	top: 50%;
      	left: 50%;
      	margin-top: -299px;
      	margin-left: -501px;
    	width: 1003px;
      	height: 599px;
    	text-align:left;
    }
    
    *>div#paginaSfondo{
    	background-image:url(../images/home.jpg);
    	background-position:top center;
    	background-repeat:no-repeat;
    	/* centrare div FF*/
    	position: absolute;
     	top: 0;
      	right: 0;
      	bottom: 0;
      	left: 0;
      	width: 1003px;
      	height: 599px;
      	margin: auto;
    	text-align:left;
    
    }
    in più ci sono altre proprietà, ma non sono importanti in questo contesto.
    Sapete aiutarmi?
    Grazie

  2. #2
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    uhm, questo mi sembra un hack un po' pesante, con il *>div... più facile, si può avere la centratura cross browser con:
    Codice:
    <contenitore> {
      text-align: center;
    }
    
    <contenutocentrato> {
      text-align: left; /* o quel che vuoi */
      margin: auto;
      width: 768px /* o quel che vuoi */
    }
    contenitore può essere html e contenutocentrato direttamente body o, nel tuo caso, body e #paginaSfondo (io cerco sempre di evitare il div globbale tottale, e usare body al suo posto).

    Quello che fa scapocciare IE7 sono probabilmente margin-top e margin-left, che invece per fierfox et al. sono sovrascritti da margin: auto (credo - non ho IE7 sotto mano per controllare)

  3. #3
    Sparrow non è connesso Utente giovane
    Data registrazione
    12-11-2002
    Residenza
    Bologna
    Messaggi
    57

    Predefinito

    Neanche io ho ie7 ( ma a che serve se c'è Firefox ? ;-) ), ma se in M$ non sono usciti di melone, dovrebbe comportarsi almeno come IE6, ovvero:
    a) penso che tu non debba usare il posizionamento assoluto (altrimenti è chiaro che con [top: 0 e left: 0] ti sbatte il contenitore in alto a sx);
    b) per allineare al centro ha ragione dreadnaut: basta [ margin: 0 auto ] per allineare al centro il contenitore.

    ciao
    Sparrow

  4. #4
    Guest

    Predefinito

    avevo provato come dite voi, ma non era centrato centrato. Cmq ho risolto....
    IE7 prendeva anche il css che iniziava con *> e quindi prendeva i dati top:0px;...

    Se invece faccio iniziare con
    Codice:
    *:first-child+html div#...
    me lo legge solo ie7. A me non piace tanto come soluzione, ma l'importante è che funzioni

Regole di scrittura

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