[css] probleem met positioneren; ie en bottom

[BetuweKees]

Hi,

Ben bezig een bestaande layout om te toveren in een tableless, semantisch correct geheel. Zie hiervoor http://www.weijmans.net/test/ie-bottom/

Probleem is nu dat ik de span die het woord 'details' bevat absoluut probeer te positioneren met behulp van bottom; omdat hij onderaan in een in hoogte varaibele box dient te staan heeft top nl geen zin. In moz en op gaat dit prima, maar ie lijkt om een of andere reden de boundaries van de relative container eromheen niet te respecteren, en positioneerd de span veel te laag.
Dit probleem lijkt voort te komen uit bottom; haal ik bottom nl weg dan staat de span netjes op top: 0 in de container.

Mijn vraag: weet iemand hoe ik dit probleem kan verhelpen?

[André]

Heb je die span wel een height gegeven?

[BetuweKees]

nee

... nu wel...

ook als de span een height heeft blijft het zelfde probleem bestaan..

[ Voor 4% gewijzigd door BetuweKees op 22-07-2004 22:23 ]

[André]

Op mijn site gebruik ik hetzelfde, mijn style ziet er daar zo uit:

Cascading Stylesheet:

#blok {
  position: absolute;
  left: 20px;
  bottom: 0px;
  width: 150px;
  height: 60px;
}

Je kunt door die span een border te geven kijken hoe hij gepositioneerd word.

[zubauza]

als je het mij vraagt, staat "details" niet echt in een span ofzo

relatief positioneren werkt volgens mij ook beter in dit geval

[crisp]

Geef je #entries li een (min)height:

Cascading Stylesheet:

  #entries li {
    position: relative;
    background-color: white;
    color: black;
    border-bottom:
    1px solid #aaa;
    height: 10px; /* IE */
  }
  #entries ul>li {
    height: auto; /* correct for real browsers */
  }

In FireFox gaat er overigens nog veel meer mis - ik raad je aan gewoon te developpen in Mozilla/FireFox en later pas dingen in IE te corrigeren

[BetuweKees]

zubauza schreef op 23 juli 2004 @ 09:44:
als je het mij vraagt, staat "details" niet echt in een span ofzo

klopt; nog kleine semantische wijziging gemaakt

crisp schreef op 23 juli 2004 @ 11:55:
In FireFox gaat er overigens nog veel meer mis - ik raad je aan gewoon te developpen in Mozilla/FireFox en later pas dingen in IE te corrigeren

heb alles opgemaakt in firefox 0.9.2, zie zelf niks misgaan
zou je me kunnen vertellen wat je precies ziet dan?


[edit]
net de li een min-heigth gegeven zoals je suggereerde, werkt perfect

[ Voor 32% gewijzigd door BetuweKees op 23-07-2004 14:29 ]

[crisp]

BetuweKees schreef op 23 juli 2004 @ 14:22:
[...]


heb alles opgemaakt in firefox 0.9.2, zie zelf niks misgaan
zou je me kunnen vertellen wat je precies ziet dan?


[edit]
net de li een min-heigth gegeven zoals je suggereerde, werkt perfect

kwam door mijn foutieve correctie inmiddels boven gecorrigeerd
het idee kwam in ieder geval over