Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    162

    Posizione sbagliata di oggetto su IE 7

    Salve a tutti,
    sto lavorando su un sito xhtml (non scritto da me) affiancato da css. Di solito lavoro utilizzando FF (perfetto), ma facendo delle prove con IE 7 mi sono accorto che la posizione del mio menù è completamente sballata.
    Praticamente, io ho il centro della pagina con a sinistra i contenuti e a destra il menù principale: tutto è creato con <div> e gestito direttamente da css.

    Quello che mi succede con IE è che la posizione del menu non segue quella scritta nel css (a differenza di FF)... è come se il punto di riferimento non fosse il punto in alto a sinistra dello schermo, ma quello immediatamente sotto tutto il contenuto, facendomi shiftare tutto il menu lungo la verticale.

    Come è possibile? Come si può risolvere il problema? Spero di essermi spiegato bene.

    Grazie in anticipo.

    Ciao

  2. #2
    Utente di HTML.it L'avatar di LineaPixel
    Registrato dal
    Mar 2008
    Messaggi
    1,571
    Non essendo una community di medium è difficile dare soluzioni senza vedere una riga di codice

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    162
    Si scusa.

    Codice della pagina. Aggiunge la parte relativa al menu con questo...
    codice:
    
    
    il quale è:
    codice:
    	<div id="elencoLink">
    		<div id="elencoLink2">
    			<div id="lrisorse">
    				<h3 class="risorse"><span>Prima Parte:</span></h3>
    				<ul>
    
    					[*]Il concorso
    					[*]Aree di intervento
    					[*]Materiali						
    			
    
    
    					[*]I progetti selezionati
    
    
    					
    				[/list]
    			</div>
    
    		</div>
    	</div>
    il codice css relativo ai div presi in considerazione

    codice:
    #elencoLink2 {
    	width:180px;
    	padding:10px 0 250px 10px;
        /*INIZIO AGGIUNTE 
        margin-left: 25px;
        FINE AGGIUNTE */
    }
    #elencoLink2 h3 {
    	width:180px;
    	height:22px;
        color: #d96b11;
        font-size: 1.4em
    }
    #elencoLink2 ul {
    	margin:10px 0 20px 0;
    	color:#7FA2B0;
    }
    #elencoLink2 ul li {margin:10px 0 0 0;padding: 1px 0 0 12px;}
    
    #elencoLink {
    	padding:120px 0 0 0;
    	margin:0 0 0 580px;
    	font-size:11px;
    }
    * html #elencoLink {position:absolute;left:10px;top:0;} /* For Internet Explorer */

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.