---

Jeg har et billede med tekst henover. Problemet er at effekten virker i
Opera og IE, men ikke i firefox.
Se her: http://www.hammerskov.dk/test/test_artiklebilled.shtml

Teksten skulle gerne ligge i bunden af billedet. Hvad går der galt i
firefox?

---

Rune Hammerskov wrote:
> Jeg har et billede med tekst henover. Problemet er at effekten virker i
> Opera og IE, men ikke i firefox.
> Se her: http://www.hammerskov.dk/test/test_artiklebilled.shtml
>
> Teksten skulle gerne ligge i bunden af billedet. Hvad går der galt i
> firefox?

Godt spørgsmål!

Mit bud: Den gecko-engine, der ligger i Firefox, kan med den
standardvalgte skrift ikke få plads til teksten inden for billedets
bredde og bruger derfor fire linjer, ikke de to du regner med:

Jeg sidder lige nu ved en debian gnu/linux med Firefox 0.8 20040506 og
epiphany 1.2.5, som oså er en gecko-baseret browser. Den første
demonstrerer dit problem, mens sidstnævnte viser din billedtekst, som
jeg tror du vil have det, i to linjer. Men skriften er også synligt mindre.

Du skal måske prøve at sætte font-size: (x-)small på din p.art_text.

mvh. Villum Sejersen

---

> Du skal måske prøve at sætte font-size: (x-)small på din p.art_text.

Du skal have tak for hjælpen, men det løste ikke problemet. Afstanden
mellem tekst-bund og billed-bund bliver mindre, men den forsvinder ikke.

---

>> Teksten skulle gerne ligge i bunden af billedet. Hvad går der
>> galt i firefox?

> Mit bud: Den gecko-engine, der ligger i Firefox, kan med den
> standardvalgte skrift ikke få plads til teksten inden for
> billedets bredde og bruger derfor fire linjer

Nope - DOM inspector afslører årsagen: Der er 1em's margen både i
toppen og bunden af p-elementet.

Sæt margin: 0; på p.art_text, så skulle luften forsvinde.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Nope - DOM inspector afslører årsagen: Der er 1em's margen både i
> toppen og bunden af p-elementet.
>
> Sæt margin: 0; på p.art_text, så skulle luften forsvinde.

Jep, nu virker det. Tak for hjælpen!