Avatar billede jakobdo Ekspert
16. marts 2005 - 20:06 Der er 8 kommentarer og
1 løsning

Hvorfor er min side ikke end i IE og FF

Hej,
jeg er ved at lave vores side om: http://www.fb4.dk/testSide.html
Men hvorfor er der en pixels forskel på IE og FF?

I FireFox står den horizontale menu lige på linien!
I IE hopper den 1 pixel over. :o(

Nogen som kan hjælpe?
Avatar billede jakobdo Ekspert
16. marts 2005 - 20:21 #1
Ligeledes er min menu i venstre side, så der lige præcis er 12 pixels fra menu til den hvide ramme stopper! (i FireFox)

Men det er også helt skævt i Internet Explorer, nogen smo har gode ideer?
Avatar billede wedell Nybegynder
19. marts 2005 - 18:17 #2
Det er somregel rammer der bliver målt forskelligt i forhold til boksen, IE måler med rammer, FF måler uden, nedenstående burde fikse det (det gør af FF måler som IE)

root,html{
    box-sizing    : border-box;
    -moz-box-sizing    : border-box;
}
Avatar billede wedell Nybegynder
19. marts 2005 - 18:23 #3
i style-taget eller css'en :)
Avatar billede olebole Juniormester
19. marts 2005 - 18:59 #4
<ole>

wedell >> med al respekt: Det ville være komplet tåbeligt  :)

Moz er den af de to, der i udgangspunktet anvender CSS box-modellen korrekt. Er der nogen af de to, der skal rettes, må det være IE - da det er den, der ikke overholder gældende standarder.

Bare, man skriver ordentlig kode, måles der ens. Du skal blot have URL'en med i din DTD ... f.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

- så kan også IE tolke CSS box-modellen - hvilket er en langt bedre løsning

/mvh
</bole>
Avatar billede olebole Juniormester
19. marts 2005 - 19:02 #5
wedell >> Desuden bruger du ':root' pseudo-klassen forkert. Hvad er det, du mener med:
  root,html {
Avatar billede jakobdo Ekspert
20. marts 2005 - 08:16 #6
Olebole, hvordan "fanden" ved du altid så meget om HTML? Er det dig som har lavet W3.org? :o)
Smid et svar...
Avatar billede olebole Juniormester
20. marts 2005 - 16:37 #7
Hehe ... nej, men jeg har "fandeme" brugt mange timer på W3C. Hvis du synes nogle af deres dokumenter virker lidt tyndslidt, så ved du nu, det skyldes mine ru hornhinder  ;D

I øvrigt skriver MS også selv om DTD'en her (læs under 'DocType Switch'):
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

- og dit svar ... *griiiiib*  :)
Avatar billede olebole Juniormester
20. marts 2005 - 16:43 #8
PS: er du i tvivl, om dit dokument overholder CSS-standarden, kan du teste med java script:

<script type="text/JavaScript">
  alert(document.compatMode);
</script>

Den returnerer 'CSS1Compat', hvis CSS-standarden overholdes.
Den returnerer 'BackCompat', hvis ikke (dog 'QuirksMode' i Opera).

Så kan du selv teste med forskellige DTD'er - og helt uden  :)
Avatar billede jakobdo Ekspert
24. marts 2005 - 18:25 #9
Roenving: Du skrev tidligere jeg "bare" skulle tilføje:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Hvis jeg har den tilføjet, så er tabellen stadig forskellig højde i forhold fra IE til FF.
http://www.fb4.dk/testSide2.html
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