anchor padding-top

[Boyd]

Ik heb nu op een website een aantal anchors ingesteld: http://www.tausk.nl/test/
ik heb een padding-top in m'n stylesheet ingesteld, zodat als je klikt, het kopje niet helemaal bovenaan je pagina komt maar iets daaronder. in internet explorer werkt dit prima. Alleen in firefox niet.. weet iemand het probleem?

stylesheet:

code:

.kopje {
    padding-top: 35px;
    color: #a4ab27;
    text-decoration: none;
    font-size: 25px;
}

[André]

Geef hem eens een margin-top

Jij geeft de span een padding en niet de a, dat is wel een verschil natuurlijk.

[ Voor 59% gewijzigd door André op 16-02-2007 12:33 ]

[Boyd]

als ik <a class="kopje" etc etc doe.. dan werkt het niet..

[André]

Speel eens met de line-height van .kopje

[tec]

een inline element kan geen padding hebben onder en boven. Vandaar dat het in IE wel werkt. Die neemt het allemaal niet zo nauw.

[Boyd]

tec schreef op vrijdag 16 februari 2007 @ 12:40:
een inline element kan geen padding hebben onder en boven. Vandaar dat het in IE wel werkt. Die neemt het allemaal niet zo nauw.

en hoe los ik het op dat het in firefox wel gaat werken? line-heigt maakt geen verschil.

[tec]

display:block;

[Boyd]

nope.. is het ook niet

[André]

Cascading Stylesheet:

.kopje {
  color: #a4ab27;
  text-decoration: none;
  font-size: 25px;
  display: block;
  line-height: 200px;
  height: 100px;
}

[Boyd]

met die code werkt ie in beide browsers niet meer.. en staat er een enter onder elk kopje. in firefox gaan zelfs een paar kopjes nu door de tekst heen staan...