Avatar billede pitzen Nybegynder
26. september 2007 - 00:12 Der er 12 kommentarer og
1 løsning

Siden ser forkert ud i Firefox

Hey!

Min side www.funpusher.com, ser forkert ud i toppen, når man åbner den i FF..

Nogen der kan gennemskue hvorfor? Det er som om der er en margin omkring billederne :S

Mvh. MP
Avatar billede jhe-ting Nybegynder
26. september 2007 - 01:04 #1
Har du licens hos http://www.milonic.com/ så brug deres support
Avatar billede pitzen Nybegynder
26. september 2007 - 09:39 #2
Det er ikke milonic menuen jeg tænker på.

Det er selve grafikken i toppen. Prøv evt. sammenlign den i IE og FF..
Avatar billede roenving Novice
26. september 2007 - 10:58 #3
I hvert fald ville jeg starte med at fjerne linjeskift foran </td>, som notorisk altid har givet fejl i IE ...

-- at det så er FF der har de ekstra afstande har jeg ikke umiddelbart noget bud på, men prøv at nærlæse de ting, du kan finde i DOM-inspector ...

-- og et hurtigt kig afslørede, at du i hvert fald skal lukke dit anchor top !-)

-- og det er uhensigtsmæssigt at bruge ressourcer på at loade menuen to gange, så den ene ...

-- problemet er ekstra luft over og under indholdet i de to første tabelrækker, det skal du finde årsagen til !o]
Avatar billede roenving Novice
26. september 2007 - 10:59 #4
, så den ene skal fjernes ...
Avatar billede jhe-ting Nybegynder
26. september 2007 - 14:31 #5
Et godt tip til browserkompatibilitet er at angive alle elementers margin og padding explicit, da der er forskel på visse elementers default-værdier i visse browserudgaver.
Avatar billede pitzen Nybegynder
26. september 2007 - 15:01 #6
"angive alle elementers margin og padding explicit".. Hva skal det sige?
Avatar billede pitzen Nybegynder
26. september 2007 - 15:06 #7
Jeg har fundet ud af at hvis jeg fjerner <p><p/> omkring mine <img> tags, så ser det fint ud i FF... men så kommer der en lille ekstra afstand i IE i stedet.. hehe...

Den ene browser skal simpelthen hele tiden være på tværs :)
Avatar billede johan.o Nybegynder
26. september 2007 - 16:25 #8
Jeg har ikke kigget på din kode men mht. dit spørgsmål 26/9 15:01, så er det således at mange elementer har margin og padding attributter, altså at der er defineret en margin og padding for elementet. Dette gøres først i browsernes eget default stylesheet og derefter ændres de iforhold til din specifikke kode. Det er disse default stylesheets der er nogle 'små' forskelle i og det kan være derfor sider ikke altid ser ens ud fra browser til browser.

Jeg mener faktisk at <p> elementet er et af de elementer der kan være defineret forskelligt. Så jhe-ting's råd, som er at du definere både margin og padding på de elementer du bruger, kan fjerne denne forskel da de style ændringer du laver i din kode, vælges fremfor browserens default stylesheet.

Det kan gøres både direkte på elementet i koden....

<p style="margin: 5px; padding: 5px;">...

eller generelt for alle forekomster af elementet med...

<style>
p {
margin: 5px;
padding: 5px; }
</style>

Håber det forklare lidt :)

Mvh. Johan
Avatar billede pitzen Nybegynder
26. september 2007 - 20:13 #9
Der var sku bonus :D

Jeg takker.. Smider i et svar og deler?
Avatar billede johan.o Nybegynder
26. september 2007 - 20:33 #10
Jeg passer...uddybede jo blot hvad jhe-ting skrev :)

Mvh. Johan
Avatar billede jhe-ting Nybegynder
26. september 2007 - 20:47 #11
ok
Avatar billede jhe-ting Nybegynder
26. september 2007 - 20:55 #12
PS:  STYLE-elementet kræver en type:

Korrekt erklæring af style-elementet ser sådan ud, hvis W3C validering ønskes:

<style type="text/css">

:
:

</style>
Avatar billede roenving Novice
27. september 2007 - 00:38 #13
Vedrørende 26/09-2007 15:06:20, har du så prøvet at fjerne linjeskiftene foran td-lukketags:

<td>
  Noget indhold, f.eks. <img src=" ... ">
</td>

-- skal være:

<td>
  Noget indhold, f.eks. <img src=" ... "></td>
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