Menu centeren

[Pharos]

Ik wil mijn suckerfish menu centreren met css. Het menu is nu links uitgelijnd. Als ik het probeer vanuit het midden uit te lijnen gaan alle menu items onder elkaar.
Hier een stuk van de css waarvan ik het idee heb dat het invloed heeft.

<sup>.sf-menu, .sf-menu * {

padding: 0;

font:Verdana, Geneva, sans-serif;
font-size:16px;
margin-bottom: 0;
padding-bottom: 0;
display: table;
margin: 0 auto;



.sf-menu li {
float: left;
position: relative;</sup>

Ik heb al meerdere opties geprobeerd, maar hij blijft het menu onder elkaar zetten als ik hem in het midden wil uitlijnen. Ik kom er niet meer uit.

[arie_papa]

display: inline; ?? > bij je li gedeelte dan

[ Voor 39% gewijzigd door arie_papa op 03-03-2011 16:23 ]

[418O2]

de parent van je UL gewoon text-align:center geven en display-inline

overigens nauwelijks werkend te krijgen voor IE7 (kan geen dynamische content horizontaal centreren)

[ Voor 43% gewijzigd door 418O2 op 03-03-2011 16:27 ]

[Pharos]

Ik heb nu dit:


<sup>/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {

padding: 0;
/* list-style: none;*/

width:900px;

font:Verdana, Geneva, sans-serif;
font-size:16px;

margin-top: 0;
margin-right: automatic;
margin-bottom: 0;
margin-left: automatic; )

.sf-menu li {
float: left;
position: relative;
display: inline;</sup>


Dit resulteert in: http://img192.imageshack.us/i/menuwj.jpg/

[ Voor 5% gewijzigd door Pharos op 03-03-2011 16:31 ]

[418O2]

Ik zou even wat CSS tutorials gaan doornemen. Ik wil je best even helpen, maar aan je code te zien weet je niet echt wat je doet

(zo geef je bijvoorbeeld ALLE elementen (dus ook alle li's ) een breedte van 900px (door .sf-menu *))

[RobIII]

Als je code post, gebruikt dan code tags a.u.b. in plaats van [small]
Verder kan ik me alleen maar aansluiten bij Catch22.

[BramVroy]

Je kan gewoon je ul een vaste breedte geven en deze centreren dmv margin: 0 auto;
Maar idem dito hierboven.