Avatar billede g-lock Nybegynder
24. maj 2005 - 21:21 Der er 16 kommentarer og
1 løsning

Tving billede til bunden

ja titlen

siger jo det hele et billede skal tvinges til at blive på bunden og om det så kun er et eneste der er på siden
Avatar billede Slettet bruger
24. maj 2005 - 21:26 #1
kan du ikke lægge det i en <div>, og sige style="float:bottom;" ?
Avatar billede Slettet bruger
24. maj 2005 - 21:27 #2
hmm, nej den går ikke. Float kan ikke bruge "bottom"..
Avatar billede nielle Nybegynder
24. maj 2005 - 21:31 #3
<div style="position: absolute; bottom: 0px;">
<img src="http://www.eksperten.dk/img/elogo.png" alt="" />
</div>
Avatar billede g-lock Nybegynder
24. maj 2005 - 21:47 #4
fed kode men hvordan kommer den i center??
Avatar billede nielle Nybegynder
24. maj 2005 - 22:21 #5
Hmm, jeg kan klare det på et par måder i MSIE - men ikke så det også samtidigt virker i f.eks. Firefox.
Avatar billede nielle Nybegynder
24. maj 2005 - 22:31 #6
Det nærmeste jeg har kunnet komme er noget i stil med:

<div style="position: absolute; bottom: 0px; left: 45%">
<img src="http://www.eksperten.dk/img/elogo.png" alt="" />
</div>

- men det er jo ikke helt det samme som en rigtig centrering. :^|
Avatar billede nielle Nybegynder
24. maj 2005 - 22:39 #7
Fandt denne her - og den virker bpde i MSIE og i Firefox:

<html>
<head>
<title>Eksperten - Doing it with style</title>
<style>
body {
    background-image: url(http://www.eksperten.dk/img/elogo.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
</style>
</head>
<body>

Blah-blah.

</body>
</html>
Avatar billede roenving Novice
24. maj 2005 - 23:50 #8
-- og hvis man godt vil have at det er et billede, skal man:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta name="keywords" content="søgeord adskilt af komma">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
      html,body{height:100%;margin:0px;border:0px;padding:0px;}
    </style>
    <title>Besværligt at centrere i bunden ...</title>
  </head>
  <body>
    <div style="width:100%;bottom:0px;position:absolute;">
      <div style="position:relative;width:200px;margin:0 auto;">
        <img src="../billede.jpg" style="width:200px;bottom:0px;"></div></div>
  </body>
</html>
Avatar billede nielle Nybegynder
25. maj 2005 - 06:17 #9
Hmm, virker i min FireFox, men er ikke horisontalt centreret i min MSIE...
Avatar billede roenving Novice
25. maj 2005 - 09:14 #10
whaddd ...

-- den virker i alle browsere, som forstår css og doctype korrekt, men du bruger vel en IE6, som pænt og nysseligt centrerer, hvis man husker doctype og at give den indre div en eksplicit bredde !-)
Avatar billede nielle Nybegynder
25. maj 2005 - 17:53 #11
Det har du nemlig ret i! Der er intet i vejen med min browser. Det er mig selv dom er problemet! ;^?
Avatar billede g-lock Nybegynder
30. maj 2005 - 15:10 #12
nielle >> det er din kode jeg anvender så 75p til dig
roenving >> for at være aktiv 25p til dig

gider i smide et svar så er det p til jer
Avatar billede nielle Nybegynder
30. maj 2005 - 17:52 #13
Svar :^)
Avatar billede roenving Novice
03. juni 2005 - 14:13 #14
Velbekomme '-)
Avatar billede nielle Nybegynder
24. juni 2005 - 17:41 #15
Lukketid?
Avatar billede nielle Nybegynder
09. juli 2005 - 11:01 #16
?
Avatar billede nielle Nybegynder
15. december 2008 - 18:20 #17
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester