Avatar billede steen_hansen Forsker
23. juni 2004 - 21:29 Der er 14 kommentarer og
3 løsninger

padding vises forskelligt i forskellige browsere. Hvorfor?

Hvis jeg ser på indholdet i en celle (f.eks. padding-left: 16px;), så er der forskel på hvor langt ind indholdet bliver rykket, hvis man sammenligner MSIE contra NS. Hvorfor det, og hvordan kan man sikre et bare nogenlunde ens resultat?
Avatar billede steen_hansen Forsker
23. juni 2004 - 21:31 #1
Det jeg mener er, at 16 pixels er 16 pixels. Hverken mere. Hverken mindre. Men alligevel kan der være stor forskel.
Avatar billede hermandsen Juniormester
24. juni 2004 - 03:34 #2
Du sidder simpelthen og leger med IE's berømte box-model!! :)

En eller anden klovn hos Microsoft har laft tallene forkert sammen, så boks-modellen i IE er udregnet forkert...

Du burde kunne løse problemet (i IE6 og frem) ved at sætte din Doctype som det absolut første i HTML-dokumentet...

Give it a try!!
Avatar billede steen_hansen Forsker
24. juni 2004 - 09:04 #3
Det er netop det jeg gør:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Og der er denne store forskel alligevel. Når jeg benytter padding-left: 16px; har jeg en forventning om, at det ser ens ud i MSIE og NS. Men det gør det jo netop ikke.
Avatar billede hermandsen Juniormester
24. juni 2004 - 11:46 #4
Har du et eksempel man kan kigge på??
Avatar billede steen_hansen Forsker
24. juni 2004 - 11:49 #5
http://www.include.dk/vigbio/showmovie.asp

Nede i bunden til højre kan du se Tilbage og Til top. Det vises meget forskelligt, og siden er valideret.
Avatar billede hermandsen Juniormester
24. juni 2004 - 12:07 #6
Du har nogle enkelte fejl i dine style-attributter i selve html-dokumentet:

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.include.dk/vigbio/showmovie.asp
Linie 68:
<table style="width: 755 px; background-image: url('frbanner3.gif'); border-width: 0px" cellpadding="0" cellspacing="0">
Fjern mellemrummet mellem 755 og px;

Linie 99:
<td colspan="2" align="left" valign="top" style="width: TDMiddle1">
Der er ikke nogen bredde der hedder TDMiddle1

Linie 100:
<div align="center"><img style="border: 0px; height: 71px; width: 571 px;" src="newlogo.jpg" alt="Velkommen til VIG BIO - hele Odsherreds biograf"></div>
Endnu en gang mellemrum mellem et tal og px-enheden (571 og px). Der må ikke være mellemrum, men Internet Explorer ignorer det faktum, hvilket godt kunne skabe et af problemerne...

Forresten, så når jeg siger at Doctype SKAL være det første, så mener jeg "det første"!! Ingen mellemrum inden, ingen tabulator-indrykning, ingen ny linie, ikke noget som helt white-space af nogen art!! :)

Prøv så en gang til!! ;)

//hermandsen
Avatar billede steen_hansen Forsker
24. juni 2004 - 23:18 #7
Hej Hermandsen, du har været flittig :o)

Jeg kom til at åbne siden i FP - plejer at højreklikke på dokumenterne og vælge Åbn med -> Notepad. Men når man åbner dokumenterne i FP, risikerer man, at det lo... skidt roder rundt i koden.

TDMiddle1 skulle være <%=TDMiddle1%> - min fejl.
Mellemrum mellem 755 og px; er fordi det fejlagtigt blev åbnet i FP osv.

Kigger på det snarest :o)
Avatar billede hermandsen Juniormester
25. juni 2004 - 01:16 #8
Du behøver skam ikke at undskylde, vi er kun mennesker!! ;)
Avatar billede steen_hansen Forsker
26. juni 2004 - 09:38 #9
Jeg skal nok vende tilbage hurtigst muligt, men det har været svært at komme til pc'en :o)
Avatar billede steen_hansen Forsker
26. juni 2004 - 19:39 #10
Jeg synes sq det er det samme :o/ Du har ikke andre forslag?
Avatar billede hermandsen Juniormester
26. juni 2004 - 23:30 #11
Jeg skal ærligt indrømme:
Jeg kan virkelig ikke se forskel på de to sites!!

Har kigget på den i IE4, IE6, Mozilla Firefox 0.9 og Opera 7.23, og det er meget små forskelle der er at finde!!
Der er lige noget tekst der står lidt lidt længere til den ene side end den anden, men ellers kan jeg sgu ikke lige se de helt store forskelle!! :(

Hvilken version af Netscape bruger du??
Kunne du evt. præcisere området med problematikken??
Avatar billede steen_hansen Forsker
26. juni 2004 - 23:48 #12
Jeg har MSIE V6.0 og NS V7.0

Hvis du åbner siden i begge browsere, scroller helt ned i bunden og swapper mellem de 2 vinduer, vil du kunne se forskellen på "Tilbage" og "Til top" i de 2 browsere. I NS rykker det meget tydeligt mod venstre.

Desuden er der også forskel i padding mellem BESTIL BILLET og teksten m.v.

Jeg synes der er uforholdsvis stor forskel på "Tilbage" og "Til top". Det andet er mere til at leve med, men jeg ville gerne have muligheden for at placere det andet, så det var bare nogenlunde ens placeret.
Avatar billede hermandsen Juniormester
27. juni 2004 - 00:21 #13
Okay, den blev lige overset!! ;)

På linie 157 skal det laves sådan her:
<td colspan="3" style="border: 0px; text-align: right; padding-right: 30px; padding-bottom: 6px;">

i stedet for sådan her:
<td colspan="3" style="border: 0px; padding-left: 550px; padding-bottom: 6px;">

Hvis du en dag keder dig, så kan jeg anbefale dig at læse min artikel omkring opbygning af websites, uden tabeller!! :)
http://www.eksperten.dk/artikler/104

Og hvis du keder dig endnu mere, så kan du også læse lidt om de forskellige selectors i CSS:
http://www.eksperten.dk/artikler/223

Jeg må i hvert fald virkelig ha' kedet mig da jeg skrev dem, for de blev godt nok lange!! ;)

Nå, men god læse lyst, og jeg håber ovenstående kunne rette din fejl!!

//hermandsen
Avatar billede steen_hansen Forsker
27. juni 2004 - 00:35 #14
Se, DET var straks bedre, nu er det acceptabelt! Bedste ven :o)

Det er bare utroligt, at det kan variere så meget i browserne. Man kan se en tydelig forskel, når man swapper mellem de to vinduer. Men nu er det ok :o)

Jeg skal nok få læst det igennem, glæder mig. Tak for hjælpen :o)
Avatar billede steen_hansen Forsker
27. juni 2004 - 00:37 #15
PS: Når man opdaterer i NS, ryger man op i toppen af siden. Det er måske meningen, at den skal gøre det i NS?
Avatar billede hermandsen Juniormester
30. juni 2004 - 08:02 #16
Jeg tror desværre det er NS der er programmeret således at den altid sætter scroll-baren position til top, når man loader en side.

Dog uden at skulle kunne sige det med sikkerhed!! ;)
Avatar billede steen_hansen Forsker
30. juni 2004 - 08:19 #17
Det er også fint nok, så er der ikke så meget at rafle om. Troede et øjeblik, at det var kodningen :o)
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