Notifikationer

Markér alle som læst Log ud

hkb-x Nybegynder

07. november 2005 - 16:00 Der er 19 kommentarer og
1 løsning

height varierer i IE og firefox

Jeg har denne kode:

<td style="height: 5px;"></td>

problemet er at det giver en forskellig højde i IE og firefox...
hvilken af disse browsere kan ikke måle pixels og hvad kan jeg gøre for at fikse det?

Synes godt om

pidgeot Nybegynder

07. november 2005 - 16:01 #1

Smid en 1x1 transparent GIF ind (brug conditional comments om nødvendigt), så skulle det virke.

IE vælger ganske enkelt ikke at rendere tomme celler, hvilket godt kan føre til sådan et problem.

Synes godt om

roenving Novice

07. november 2005 - 16:01 #2

Prøv:

<td style="height: 5px;font-size:0;line-height:0;"> </td>

Synes godt om

gil-galad Nybegynder

07. november 2005 - 16:02 #3

Det er fordi IE ikke vil lave en td mindre en 20-21 pixels. Du kan alternativt bruge en <div>

Synes godt om

gil-galad Nybegynder

07. november 2005 - 16:02 #4

nå! ;-)

Synes godt om

hkb-x Nybegynder

07. november 2005 - 16:11 #5

hmm... uanset hvad jeg gør så opfører de sig ens... der er bare heletiden 2px i forskel på dem.. :S

Synes godt om

olebole Juniormester

07. november 2005 - 16:13 #6

<ole>

Giffen giver samme resultat, men har du f.eks. 20 'tomme' celler, foretages 20 unødige kald til serveren, hvis du lægger en gif i.

Problemet er ikke, om IE renderer tomme celler eller ej ... den stopper tværtimod altid et blanktegn i tomme celler, hvorfor de altid bliver på størrelse med ét tegn i den angivne font ;o)

hkb-x >> Prøv at linke til et dokument, hvor du har problemer

/mvh
</bole>

Synes godt om

pidgeot Nybegynder

07. november 2005 - 16:14 #7

Du har vel ikke en border på den td et sted? Mener at have læst noget om at IE beregner størrelsen UDEN border, og FF beregner den MED border - IE's metode skulle vist være den rigtige, hvis jeg tolker CSS specifikationen korrekt.

I så fald kan du løse den ved at smide en speciel style ud i dit CSS dokument, og lave en specifikt til IE hvor der er de ekstra pixels på.

Synes godt om

hkb-x Nybegynder

07. november 2005 - 16:14 #8

http://test.unisport24.dk/?page=Tilbud&npp=Alle

Synes godt om

hkb-x Nybegynder

07. november 2005 - 16:15 #9

billederne forskyder sig i forhold til baggrunden... prøv at se den i både IE og firefox

Synes godt om

pidgeot Nybegynder

07. november 2005 - 16:17 #10

olebole: Mig bekendt plejer browsere nu engang at være smarte nok til ikke at forsøge at hente den samme fil mere end 1 gang pr. side. IE er i hvert fald, så det kunne jo evt. kombineres med en conditional comment.

Synes godt om

roenving Novice

07. november 2005 - 16:19 #11

>>pidgeot

-- det er korrekt, at IE ikke kan fortolke css-box-modellen, hvis man ikke tvinger den til det ved f.eks. at sætte en fuld doctype inkl. dtd-link på dokumentet ...

-- og den korrekte måde at beregne et elements størrelse er ifølge css-specifikationerne:

margin-left + border-left-width + padding-left + element-width + padding-right + border-right-width + margin-right !-)

Synes godt om

pidgeot Nybegynder

07. november 2005 - 16:20 #12

Fair nok - havde blot forstået specifikationen sådan at de ting var seperate - men man kan jo tage fejl :)

Synes godt om

olebole Juniormester

07. november 2005 - 16:21 #13

pidgeon >> Der er ikke et indlæg i denne tråd, hvor du ikke vrøvler grufuldt! Hvad angår billeder, henter browseren det ganske rigtigt én gang - og spørger derefter serveren 19 gange, om der er en ny version ... det bliver så vidt, jeg kan regne til 20 server forespørgsler :)

hkb-x >> Det her giver samme resultat i IE og FF:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>

<table style="table-collapse:collapse">
<tr>
<td style="height:5px;width:30px;font-size:0;line-height:0;padding:0;background:red"> </td>
</tr>
</table>

</body>
</html>

Synes godt om

olebole Juniormester

07. november 2005 - 16:23 #14

- og der skulle naturligvis stå:
<table style="border-collapse:collapse">

Synes godt om

pidgeot Nybegynder

07. november 2005 - 16:38 #15

Beklager, men nu skruer du dig lidt, Ole - IE6 spørger kun en gang pr. load af en side. Det kan jeg bevise, idet jeg sidder med en packet capture der blev lavet ved at sætte det samme billede ind 200 gange i en HTML-side, og derefter bad browserenom at hente den. Der er kun *en* GET i hele loggen.

Det er korrekt at den vil spørge serveren næste gang siden vil blive loadet - men det påstår jeg heller ikke den ikke vil.

Synes godt om

hkb-x Nybegynder

07. november 2005 - 16:49 #16

hmm... det virker stadig ikke... :S .... der er stadig 2 px forskel...!! :S

Synes godt om

olebole Juniormester

07. november 2005 - 17:00 #17

pidgeot >> Jeg mener det er indenfor det seneste år, vi i en tråd prøvede at lave en test, der viste det modsatte - men at finde det med E's søgemskine :o|

hkb-x >> Det, jeg skrev, giver en rød celle med en højde på 5px i både IE og FF

Synes godt om

hkb-x Nybegynder

07. november 2005 - 17:04 #18

joh... men jeg er nu kommet til at jeg tror det er <tr> det drejer sig om...

Synes godt om

hkb-x Nybegynder

07. november 2005 - 17:06 #19

fixede med det gamle kneb med cellpading og cellspacing....

tak for alle indlægene....

Synes godt om

olebole Juniormester

07. november 2005 - 18:36 #20

- præcis det samme, jeg viste dig med:

<table style="border-collapse:collapse">
<tr>
<td style="padding:0; ...">

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