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

    Centrare un elenco puntato in un div su IE

    Ciao,
    aiutandomi con post letti su questi forum ho creato questo codice per centrare un elenco puntato in un div

    style
    codice:
    	ul{
    		border: solid 1px green;
    		width:800px;
    		margin:0 auto;
    	}
    	li{
    		display:inline;
    		list-style-type:none;
    		margin:0 auto;
    	}
    	div{
    		border: solid 1px red; 
    		width:900px;
    		height:50px;
    		text-align:center;
    	}
    codice
    codice:
    <div>
    	<ul>
    		[*]primo
    		[*]secondo
    		[*]terzo
    	[/list]
    </div>
    (i bordi mi servono solo per debug)

    Non vedo l'elenco centrato su IE8 (tutto ok sugli altri).
    Esiste una soluzione cross-browser?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Non ho ie8 per testare, ma in versioni precedenti le voci elenco risultano centrate, ciò che nel tuo codice le fa apparire centrate è il text-align:center del div che racchiude l'ul, inutile il margin:0 auto sull'elemento li (poiché hai per esso un display:inline) che puoi rimuovere. Puoi anche spostare il text-align:center dal div su ul, dicci poi se torna a posto anche con ie8

  3. #3
    Ho leggermente modificato il tuo codice e testato su IE8.
    codice:
    ul {
     	border: solid 1px green;
     	width:800px;
     	margin:0 auto;
     	padding: 0;
    } 	
    li {
     	display:inline;
     	list-style-type:none;
    }
    div {
    	border: solid 1px red;
    	width:900px;
    	height:50px;
    	text-align:center;
    }
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  4. #4
    Ho risolto con le modifiche di codencode, grazie mille a tutti!

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.