[html] li 'in' de margin in Firefox

Pagina: 1
Acties:

  • RSpliet
  • Registratie: Juni 2003
  • Laatst online: 27-11-2025
Wat ik nu weer tegenkom 8)7
Ik ben voor een klant bezig aan een webpagina. Op die pagina komen af en toe opsommingen voor. Een van die pagina's is http://www.netwerkmediationnederland.nl/index.php?id=10 . Zoals Mozilla Firefox gebruikers kunnen zien staan de bolletjes voor de rand van de tekstdivisie. Dit is dan ook alleen in Mozilla Firefox (en DeerPark) het geval. In Opera, IE en Konqueror staan de bolletjes keurig netjes kaarsrecht onder 'Mediation'.
Even voor de volledigheid, ik weet dus niet in welk deel van mijn code dit zit. Ik heb in mijn css geen declaratie voor * (alles), en ook voor li heb ik geen aparte entry.
Mijn vraag: hoe komt dit? Heb ik hier te maken met een bug in de renderengine, of in mijn html/css kunsten?

Oh, en willen jullie trouwens dat ik hier de stylesheet nog even neerdump, of kijken jullie zelf ff? :p

Schaadt het niet, dan baat het niet


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Je hebt hier gewoon een verschil tussen FF en IE te pakken. Ik zal even kijken hoe dat te omzeilen was.
Cascading Stylesheet:
1
2
3
ul {
   list-style-position: inside;
}


edit:
Opeens weet ik het niet zo zeker meer dat dit het was, even nazoeken.

[ Voor 45% gewijzigd door Rowanov op 10-06-2005 11:41 ]


  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
ehmmm
  • je hebt geen UL tags om je li tags heenstaan... daardoor rendert firefox ze "onjuist"
  • als ik verder in je source kijk dan zie ik een DIV met de class content_header, het lijkt me dat een H1 - H6 tag daar beter op zijn plaats is
Verder in je source kom ik ook andere zaken tegen waarvan ik denk dat je die beter anders aan kunt pakken. Lees anders eens de verschillende artikelen door die onlangs gepost zijn door Mophor en Chem :)

edit:
Kijk anders ff hier naar: http://validator.w3.org/c....nl%2Findex.php%3Fid%3D10

[ Voor 15% gewijzigd door faabman op 10-06-2005 11:43 ]

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!


Verwijderd

Schakel de list style uit en gebruik je eigen bolletjes. Oftewel: •▫▪

Verwijderd

Waarom deze ranzige oplossing?
Verwijderd schreef op vrijdag 10 juni 2005 @ 11:46:
Schakel de list style uit en gebruik je eigen bolletjes. Oftewel: •▫▪
@TS: ook underscores in je classes zijn eigenlijk not-done ;)

[ Voor 9% gewijzigd door Verwijderd op 10-06-2005 11:51 ]


Verwijderd

Verwijderd schreef op vrijdag 10 juni 2005 @ 11:50:
@TS: ook underscores in je classes zijn eigenlijk not-done ;)
en nu kappen met dergelijke loze uitspraken ;)

ben het nu al een paar keer tegengekomen hier en het is gewoon klets:
http://www.w3.org/TR/html401/struct/global.html#adef-class

mensen: roep niet zomaar iedereen na, maar check het zelf (nofi zkywalker, maar het klopt gewoon niet)

@TS: de ul, zoals al gezegd wordt

[ Voor 4% gewijzigd door Verwijderd op 10-06-2005 12:02 ]


Verwijderd

Verwijderd schreef op vrijdag 10 juni 2005 @ 11:55:
[...]

en nu kappen met dergelijke loze uitspraken ;)

ben het nu al een paar keer tegengekomen hier en het is gewoon klets:
http://www.w3.org/TR/html401/struct/global.html#adef-class

mensen: roep niet zomaar iedereen na, maar check het zelf (nofi zkywalker, maar het klopt gewoon niet)
oh nou, uh, zeker weten?
Verwijderd in "CSS button wil maar niet lukken"
http://devedge-temp.mozil...rce/2001/css-underscores/

Misschien een beetje outdated, vandaar ook mijn "eigenlijk not-done".

Verwijderd

http://www.rikkertkoppes.com/troep/underscore_in_class.htm

check it, ik heb ook niet alle browsers getest, maar de gangbare leveren geen probleem op, zoals in dat artikel ook al staat is er ook geen probleem mbt specs, zie mijn link in m'n vorige post.

het artikel geeft ook al aan: er zijn eigenlijk alleen problemen met netscape 4.x en opera <= 5.x, sow, da's tegenwoordig niet echt meer relevant

[ Voor 24% gewijzigd door Verwijderd op 10-06-2005 12:10 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:23

crisp

Devver

Pixelated

underscores in classnames waren aanvankelijk inderdaad niet toegestaan; pas later is dat aangepast in de recommendation. Er zijn echter wel degelijk browsers die nog problemen hebben met underscores in classes, maar die vallen over het algemeen onder de noemer 'antiek' ;)

Intentionally left blank


  • RSpliet
  • Registratie: Juni 2003
  • Laatst online: 27-11-2025
Aan de mensen hierboven, ik weet t, er zijn een aantal zaken die symantisch niet zo netjes zijn. Die knoppen rechts zou ik bijvoorbeeld ook beter met een lijst kunnen doen ipv. een div. Echter maken die zaken voor de rendering niet zoveel uit, dus ga ik daar nu eventjes nog niet naar kijken.
En underscores in classes, och, t is maar net welke stijl je t netst vind (tegenwoordig dan ;)), Anderen zouden er contentHeader van maken bijvoorbeeld, ik vind dit zelf netter (lees: beter leesbaar).
Maar de oplossingen zal ik eens even bekijken, tnx alvast :)

Schaadt het niet, dan baat het niet


Verwijderd

crisp schreef op vrijdag 10 juni 2005 @ 12:09:
underscores in classnames waren aanvankelijk inderdaad niet toegestaan; pas later is dat aangepast in de recommendation.
/me voelt zich oud

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:23

crisp

Devver

Pixelated

Om precies te zijn:
CSS2:
n CSS2, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher, plus the hyphen (-); they cannot start with a hyphen or a digit.
CSS2.1:
In CSS 2.1, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters U+00A1 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit.
;)

Intentionally left blank

Pagina: 1