--- title: "Vertical-align: bottom på en gif-bild vill inte funka" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/107694-vertical-align-bottom-på-en-gif-bild-vill-inte-funka" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Bäckman" published: "2004-07-20T11:15:14.000Z" updated: "2004-07-20T21:46:28.000Z" replies: 8 views: 241 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/107694-vertical-align-bottom-på-en-gif-bild-vill-inte-funka" --- # Vertical-align: bottom på en gif-bild vill inte funka ## #1 — Bäckman, 2004-07-20T11:15Z Tjenare Checka 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. :) Permalänk: https://www.webforum.nu/p/107694 ## #2 — silfver, 2004-07-20T11:25Z 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: ;) **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? Permalänk: https://www.webforum.nu/p/1391621 ## #3 — Bäckman, 2004-07-20T11:34Z Det vill inte funka även om jag ändrar så att det är samma. Borde inte detta ytterst simpla exempel fungera? Har förresten aldrig fått det validator-felet. Är det bara att peta in en char encoder eller? Permalänk: https://www.webforum.nu/p/1391625 ## #4 — silfver, 2004-07-20T11:39Z > **Bäckman skrev:** > > Det vill inte funka även om jag ändrar så att det är samma. Borde inte detta ytterst simpla exempel fungera? > > > > 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? Permalänk: https://www.webforum.nu/p/1391631 ## #5 — Bäckman, 2004-07-20T11:40Z Den ligger längst upp i högra hörnet, men jag vill ha den längst ner i högra hörnet. :( Permalänk: https://www.webforum.nu/p/1391633 ## #6 — silfver, 2004-07-20T11:43Z > **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. :) Permalänk: https://www.webforum.nu/p/1391635 ## #7 — Bäckman, 2004-07-20T11:49Z 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. Permalänk: https://www.webforum.nu/p/1391640 ## #8 — Bäckman, 2004-07-20T12:00Z 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. Case closed i guess. :) Permalänk: https://www.webforum.nu/p/1391646 ## #9 — jarvklo, 2004-07-20T21:46Z 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](http://www.webforum.nu/search.php?s=&action=showresults&searchid=547583&sortby=lastpost&sortorder=descending) i forumet för fler kommentarer och ett par idéer på lösningar för detta problem Permalänk: https://www.webforum.nu/p/1391947 --- Tråden på webben: https://www.webforum.nu/amne/html-css/107694-vertical-align-bottom-på-en-gif-bild-vill-inte-funka