webForumDet fria alternativet

Vertical-align: bottom på en gif-bild vill inte funka

HTML & CSS

8 svar · 235 visningar · startad av Bäckman

Medlem sedan nov. 2001274 inlägg
Frågan#1

Tjenare

Checka http://www.skavibe.com/skavibe2/index.html så ser ni att den mittersta pilen i de tre rutorna nedre delen av sidan följer hur texten ligger, fastän jag har vertical-align: bottom. Jag tycker att den borde ligga längre ner som det är nu?

Jag ber om ursäkt för att koden ser ut som ett bombnedslag just nu. Orkar inte fiddla med klasser medan jag håller på och testar. :)

Medlem sedan apr. 200312 679 inlägg
#2

Så här ser bildkoderna ut:

"position: relative; vertical-align: bottom; float: right;"
" float: right; vertical-align: bottom; display: block;"
"position: relative; vertical-align: bottom; float: right;"

mittenbilden skiljer sig från de andra. Kan det inte ha nåt att göra med positioneringen?

Och du: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.skavibe.com%2Fskavibe2%2Findex.html ;)

r/ Om du kollar på mitten-diven så ser du att den har en röd border, det har ingen annan av dem. Kanske är det en tagg som inte är stängd ordentligt?

Medlem sedan nov. 2001274 inlägg
#3

Det vill inte funka även om jag ändrar så att det är samma. Borde inte detta ytterst simpla exempel fungera?

http://www.skavibe.com/skavibe2/test.html

Har förresten aldrig fått det validator-felet. Är det bara att peta in en char encoder eller?

Medlem sedan apr. 200312 679 inlägg
#4

Bäckman skrev:

Det vill inte funka även om jag ändrar så att det är samma. Borde inte detta ytterst simpla exempel fungera?

http://www.skavibe.com/skavibe2/test.html

Har förresten aldrig fått det validator-felet. Är det bara att peta in en char encoder eller?

Japp, det är en "charset" som saknas. Men på ditt exempel så flyter ju bilden högst upp i högra hörnet?

Medlem sedan nov. 2001274 inlägg
#5

Den ligger längst upp i högra hörnet, men jag vill ha den längst ner i högra hörnet. :(

Medlem sedan apr. 200312 679 inlägg
#6

Bäckman skrev:

Den ligger längst upp i högra hörnet, men jag vill ha den längst ner i högra hörnet. :(

Vad jag vet så funkar det inte. Men någon annan här i forumet vet antagligen något som jag inte vet. :)

Medlem sedan nov. 2001274 inlägg
#7

Enda som jag får att funka är bottom: 0px; right: 0px; men det hörde visst till css2, så det kanske man inte ska förlita sig på känns det som. :(

Tack för hjälpen iaf.

Medlem sedan nov. 2001274 inlägg
#8

Gjorde en halvdan lösning och satte en fast höjd på lagret med texten i på alla rutor. Det funkar så som jag vill i alla fall.

http://www.skavibe.com/skavibe2/index.html

Case closed i guess. :)

Medlem sedan juli 20013 378 inlägg
#9

Hmm..

Kan för protokollet bara tillägga att vertical-align: enligt CSS2-specen bara funkar i två fall:

  1. Inuti en tabellcell (du kan alltså köra med display:table-cell på en div om du vill kunna använda vertical-align, med det hacket funkar inte i MSIE ;) )
  2. För justering gentemot radens höjd i "inline"-material...

Sök lite efter vertical-align i forumet för fler kommentarer och ett par idéer på lösningar för detta problem

258 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)