Siden ser forkert ud i Firefox

Har du licens hos http://www.milonic.com/ så brug deres support

Det er ikke milonic menuen jeg tænker på.

Det er selve grafikken i toppen. Prøv evt. sammenlign den i IE og FF..

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]

, så den ene skal fjernes ...

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.

"angive alle elementers margin og padding explicit".. Hva skal det sige?

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 :)

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

Der var sku bonus :D

Jeg takker.. Smider i et svar og deler?

Jeg passer...uddybede jo blot hvad jhe-ting skrev :)

Mvh. Johan

ok

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>

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>