Notifikationer

Markér alle som læst Log ud

radiohead Nybegynder

22. september 2006 - 15:11 Der er 6 kommentarer og
1 løsning

Problemer med div's (IE vs Firefox)

Hejsa

Jeg sidder og har et problem.

Jeg kan sikkert ikke forklare det, så i kan forstå det ordenligt, så her er et billede:

http://digitaleye.dk/exp/ievsff.jpg

Jeg skal have et div til at lægge sig HELT op af et billede ovenover.
Problemet er, at den gør det i firefox, men ikke i IE
(Desuden gør firefox selve divet 2px's bredere end jeg har sat det til.)

Er det et kendt fænomen?

Min kode er simple stuff... lige ud af landevejen.

<img src="billeder/akttilbud.jpg" alt="">
<div style="border-style:solid; border-width:1px; border-color:#c0c0c0; width:131px;>
sadlkjasd<br>asdasdas asdas dasd<br>
</div>

Synes godt om

radiohead Nybegynder

22. september 2006 - 15:13 #1

jeg ved godt der lige mangler en "

den smuttede under copy/pasten :)

Synes godt om

Slettet bruger

22. september 2006 - 15:30 #2

Har ikke firefox så kan kun udtale mig om IE.. slet mellemrum og linjeskift mellem billede og div:
<img src="billeder/akttilbud.jpg" alt=""><div style="border-style:solid; border-width:1px; border-color:#c0c0c0; width:131px;">
sadlkjasd<br>asdasdas asdas dasd<br>
</div>

/1

Synes godt om

radiohead Nybegynder

22. september 2006 - 15:38 #3

Super! Det hjalp. :)
Så har du vel ikke tilfældigvis en forklaring på de 2 ekstra px's der kommer i Firefox?

Men bare smid et svar alligevel. :)

Synes godt om

Slettet bruger

22. september 2006 - 16:14 #4

Ok.. nu har jeg installeret firefox og fundet fejlen.

Det lader til at IE ikke medregner border i quirks mode (din div er border-left-width + div-width + border-right-width = 1px + 131px + 1px = 133px, men IE ser den som 1px + 129px + 1px = 131 px)..

Sæt en doctype og træk de 2 pixel fra der går til border - så virker det både i IE og firefox (i hvert fald de versioner jeg har):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head><title></title></head>
<body>
<img src="billeder/akttilbud.jpg" alt=""><div onclick='alert(this.style.width);' style="border-style:solid; border-width:1px; border-color:#c0c0c0; width:129px;">
sadlkjasd<br>asdasdas asdas dasd<br>
</div>
</body>
</html>

/1

Synes godt om

Slettet bruger

22. september 2006 - 16:15 #5

Hov.. jeg har lidt debug script inde.. Så skulle den være der..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head><title></title></head>
<body>
<img src="billeder/akttilbud.jpg" alt=""><div style="border-style:solid; border-width:1px; border-color:#c0c0c0; width:129px;">
sadlkjasd<br>asdasdas asdas dasd<br>
</div>
</body>
</html>

/1

Synes godt om

radiohead Nybegynder

22. september 2006 - 16:28 #6

Ser ud til at virke. Tusind tak for hjælpen!

Synes godt om

Slettet bruger

22. september 2006 - 16:43 #7

Velbekommen.

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