Notifikationer

Markér alle som læst Log ud

alvion Nybegynder

07. juni 2006 - 14:14 Der er 11 kommentarer og
2 løsninger

div med billede, giver luft under billedet i Firefox

Prøv at se på denne side:

http://www.thewebfactory.dk/test3.htm

I Internet Explorer vises et <DIV> med en tynd sort border, som "klistrer" sig helt op af billedet (den ønskede tilstand).

I Firefox kommer der luft forneden mellem billedet og DIV'ets underkant. Jeg har sat en rød baggrundsfarve på div-tagget for bedre at illustrere problemet.

Hvad gør jeg galt? Det er helt enkelt CSS.

Synes godt om

alvion Nybegynder

07. juni 2006 - 14:20 #1

Jeg har fundet ud af, at fejlen opstår, når jeg kører XHTML 1.1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

hvis jeg kører XHTML 1.0 transitional, så forsvinder problemet.

Har også lige testet XHTML 1.0 strict - samme problem

Kan problemet fjernes i XHTML 1.0 strict og XHTML 1.1?

Synes godt om

mm12010 Nybegynder

07. juni 2006 - 15:02 #2

jeg ved ikke om det er en lille bug eller hvad det skyldes men du kan klare det ved at give dit billede style="display:block;"

Synes godt om

mclemens Nybegynder

07. juni 2006 - 17:01 #3

#main_right{
border: 1px solid #000;
background-color:#FF0000;
float:left;
line-height:0px;
}

- Spørg mig ikke lige hvorfor :/

Synes godt om

mclemens Nybegynder

07. juni 2006 - 17:02 #4

mm12010's virker også :)

Synes godt om

mclemens Nybegynder

07. juni 2006 - 17:04 #5

En udgave mere...

<div id="main_right"><img src="pix/main_right.gif" style="float:left;"></div>

Synes godt om

mclemens Nybegynder

07. juni 2006 - 17:05 #6

ups... <div id="main_right"><img src="pix/main_right.gif" style="float:left;" /></div>

Synes godt om

mclemens Nybegynder

07. juni 2006 - 17:14 #7

^ - Glem de to ovenstående de giver fejl i IE istedet :D

Synes godt om

mclemens Nybegynder

07. juni 2006 - 17:19 #8

M.h.t. 07/06-2006 17:01:17 så kan du også wrappe img'et ind i en p:

#main_right p{padding:0px;margin:0px;line-height:0px;}

... <div id="main_right"><p><img src="pix/main_right.gif" /></p></div>

- hvis nu du har noget tekst der har en linje højde over 0px ...

Synes godt om

alvion Nybegynder

09. juni 2006 - 11:22 #9

Smukt begge to. Smid et svar.

Synes godt om

mm12010 Nybegynder

09. juni 2006 - 11:44 #10

svar :-)

Synes godt om

mclemens Nybegynder

09. juni 2006 - 11:53 #11

svar :o)

Synes godt om

alvion Nybegynder

14. juni 2006 - 10:38 #12

Man kan spørge sig selv, hvorfor det ikke er blevet nemmere at være HTML-koder med CSS. Jeg synes stadigvæk, at man skal tage højde for mange mærkelige "dialekter" vedr. IE, Firefox, Opera mv.

Synes godt om

mclemens Nybegynder

14. juni 2006 - 10:52 #13

^ Jah, men nu skal vi jo ikke pixel pushe med px i selve html'en ... nu kan vi pixel pushe med css - og derved kan vi px pushe på alle sider på samme tid med et stylesheet ... 8D

Men, joh synes nu også stadig, at der er for mange css forskelligheder, man skal tage hensyn til, da de har forskellig standard settings af padding, margin m.v. på forskellige elementer som f.eks. input's og h1-h7 tags... :/

... Tak for point :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS