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">
su ie6 e ie7 non si centra la lista, mentre funziona correttamente su tutti gli altri browser.. qualche idea?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; }
altri browser
![]()
ie6/7
![]()

Rispondi quotando