Avatar billede mr_bula Nybegynder
15. november 2005 - 10:52 Der er 5 kommentarer og
1 løsning

Tekst i højre nederste hjørne

Hej alle kloge hoveder,

Jeg er ved at lave en forside, hvor jeg vha css har et baggrundsbillede i højre nederste hjørne. Jeg vil så gerne have lidt tekst over bg-billedet, og for at teksten ser "ens ud" i alle opløsninger skal teksten være 400 px fra bunden og 20 px fra højre side.
Har prøvet at løse problemet i selve koden (XHTML 1.0 Strict), og med hjælp af css men uden held. Har prøvet med margin-bottom: 400px; osv.

Håber der er een som kan løse dette ellers simple problem.
Avatar billede apo Praktikant
15. november 2005 - 13:05 #1
Har du læst oleboles artikler om XHTML?: http://exp.dk/artikler/537 og http://exp.dk/artikler/538

- XHTML fungerer ikke korrekt endnu, med mindre din server kan sende den korekte MIME-type. Hvis ikke den kan det, bør du gå over til HTML 4.01 Strict (Hvilket er det tætteste man kommer på XHTML).

Du har ikke lagt en kode, jeg kan arbejde ud fra så det bliver et skud i tågen (Jeg kan ikke se hvilke elementer du benytter):

...
<style type="text/css">
  html,body {margin:0; padding:0; height:100%}
  #minDiv {position:absolute; bottom:400px; right:20px;}
</style>
...
<div id="minDiv">blablablablablabla</div>

Ovenstående kunne være et bud på en løsning :-)
Avatar billede apo Praktikant
15. november 2005 - 13:08 #2
... og så glemte jeg lige en ; efter height:100% :-/
Avatar billede mr_bula Nybegynder
15. november 2005 - 13:33 #3
Jæs jæs har godt læst om problematikken med ie's manglende tolkning af application/xhtml+xml.

Jeg plejer at bruge denne doctype, som fungere fint både i ie og firefox de gange jeg har brugt den:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <link href="test.css" type="text/css" rel="Stylesheet" />
  </head>
Avatar billede mr_bula Nybegynder
15. november 2005 - 13:36 #4
Forresten så fungere dit eksempel, som det jeg havde i tankerne - Forstår ikke hvorfor mit ikke har fungeret! ;)

Smid et svar
Avatar billede apo Praktikant
15. november 2005 - 13:39 #5
Det var godt :-)

Det er svært at svare på uden at se noget kode. Men hvis du forsøger at sætte margin-bottom på en tabel, kan jeg sige at jeg oplever det samme problem, og har været nød til at bruge en div som 'spacer'.
Avatar billede apo Praktikant
15. november 2005 - 15:26 #6
Tak for points :-)
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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