centrare lista dentro altro div (senza misure in PX specificate)

**blekm** · 29-01-2011, 14:02

la situazione è questa (questo è il dettaglio, tutto questo è dentro altri DIV)

il doctype è

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

codice:

<div class='paginazione'>
   <div id='tabs12'>
	<ul>[*]<span>1</span>[*]<span>2</span>[*]<span>1</span>[*]<span>3</span></li[*]<span>4</span>[*]<span>2</span></li[/list]
    </div>
</div>

.paginazione 
{
	border: 1px solid red;
	height: 50px;
	display: table;
}

#tabs12 
{
	float: left;
	margin: 0 auto;
}

#tabs12 ul 
{
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#tabs12 li 
{
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs12 a.current
{
	background-color: grey;
	border: 2px solid grey;
}

#tabs12 a 
{
	float: left;
	*background: url("/php/tableft12.gif") no-repeat left top;
	margin: 5px;
	border: 2px solid grey;
 	width: 40px;
	height: 40px;
	text-decoration: none;
	*width: 50px;
}

#tabs12 a span 
{
	float: left;
	display: block;
	*background: url("/php/tabright12.gif") no-repeat right top;
	*background-color:black;
	*border:2px solid silver;
	padding: 8px 15px 4px 15px;
	color: #E4D6CD;
}

#tabs12 a span 
{
	float: none;
}

#tabs12 a:hover 
{
	background-color: grey;
	*background-position: 0% -48px;
}

#tabs12 a:hover span 
{
	*background-position: 100% -48px;
}

su ie6 e ie7 non si centra la lista, mentre funziona correttamente su tutti gli altri browser.. qualche idea?

altri browser

ie6/7

**bionicoz** · 29-01-2011, 18:43

1) I tre pulsanti non mi risultano centrati neanche con gli "altri browser"
2) ie non supporta display table
3)perché hai due div uno dentro l'altro? Direi che ne basta uno solo o addirittura nessuno, se dentro quel/quei div c'è solo la <ul>

Vedi se nn ti serve una cosa del genere:
http://jsfiddle.net/bionicoz/A4qja/

ciao

Discussione: centrare lista dentro altro div (senza misure in PX specificate)

Strumenti discussione

Ricerca discussione

Visualizza

centrare lista dentro altro div (senza misure in PX specificate)

Permessi di invio