[css] breedte in <li> element genegeerd

[Tjeemp]

ik heb een menu dat opgebouwd wordt met een list set.

gewoon simpel

HTML:

<ul>
<li>bla</li>
</ul>

ik heb de volgende css code voor het menuutje

Cascading Stylesheet:

ul#menu {
margin: 1px 0 4px 0;
padding-top: 3px;
list-style: none;
text-align: right;
}

ul#menu li {
width: 134px;
display: inline;
height: 19px;
background: #3e3e3e url(images/begin-block.jpg) no-repeat left;
text-align: left;
padding-left: 15px;
padding-top: 2px;
margin: 0 0 0 3px;
font-size: 11px;
}

maar nu worden de breedtes van het li-element gewoon genegeerd.
voordat ik mijn doctype erop had gezet werkte dat wel gewoon... maar ben hem nu dus even cross-browser toegankelijk aan het maken door een doctype...
ik gebruik daarvoor xhtml-strict.

verder ziet alles er netjes uit, maar dat wil ik even weten, heeft iemand een idee?

[djluc]

Display block en float left?

[crisp]

Zie djluc; inline elementen kunnen geen width hebben (al denkt IE daar soms anders over)

Van een doctype wordt je site niet toegankelijker. Het type doctype maakt ook niet zoveel uit aangezien browsers daar weinig meer mee doen dan bepalen of ze in quirksmode of standards compliant mode moeten renderen. Semantiek is veel belangrijker.
XHTML raadt ik iedereen af aangezien dat in de praktijk meestal neerkomt op (invalid) HTML met/door XML syntax - een lost case dus...

[ Voor 71% gewijzigd door crisp op 12-05-2006 17:22 ]

[Justice]

Je hebt ook geen id toegekend aan de ul in je voorbeeld maar dat had je denk ik al door (zeg het even voor de zekerheid)

[Tjeemp]

hehe, ja, dat is het probleem niet, maar ik zal het even met de float en block proberen...

edit: het werkt nu dus wel, dank voor de tip, dan weet ik dat ook weer

trouwens dat van die doctype, het was meer idd dat zonder doctype in FF fout gaat. en met doctype gaat het in IE ook fout als je het niet precies netjes hebt gedaan...
en het blijft toch een gekke boel daar bij IE haha

[ Voor 63% gewijzigd door Tjeemp op 12-05-2006 18:43 ]