hvorfor vises div-tag forskelligt i ie 6 og firefox

Hvis du bruger firefox, så installer denne lille interessante fætter:
https://addons.mozilla.org/firefox/60/

Via den kan du nemlig validere hhv. HTML og CSS for dit website, og derved fortælle dig hvad der er galt med dine kode, i forhold til W3C-retningslinierne. ;-)
Når du har rettet op på din kode, og dit website kan valideres korrekt uden fejl, burde dit website se ens ud i både IE, Firefox og Opera. Kun IE kan lave mindre forskelle, fordi det er den browser som mindst overholder W3C´s retningslinier. Men så er du ihvertfald 99% ved vejs ende, og du mangler kun få justeringer.

Det er ihvertfald den hurtigste, nemmeste og mest korrekte måde at løse dine problemer på. :-)

Jeg kan ihvertfald starte med at fortælle dig, at dette skal slettes:
<?xml version="1.0" encoding="UTF-8"?>

Og denne filsti:
"/test//favicon.ico"
skal rettes til:
"/test/favicon.ico"

Og denne filsti:
"/test//css/styles.css"
skal rettes til:
"/test/css/styles.css"

Men chek selv hvad validatoren fortæller dig. :-)

Hej extend
jeg bruger web developer toolbaren i forvejen og faktisk validerer både min html og css selv om der er lidt ged i et par stier. der er også nogle warnings til css-valideringen men de har alle at gøre med background-color og ikke positioneringen så det er lige den der sidste 1%.Hvorfor vil du i øvrigt af med denne her:
<?xml version="1.0" encoding="UTF-8"?> ?

Hey

Du har helt ret: <?xml version="1.0" encoding="UTF-8"?> ? 
er valid kode iflg. http://www.w3.org/QA/2002/04/valid-dtd-list.html , men den bliver frarådt frere steder fra. Hvorfor, aner jeg ikke. Men måske det har noget at gøre med dit problem?

Godt at høre, at du bruger web developer toolbaren - den hjælper meget. :-)

Derudover, kan jeg varmt anbefale dette i starten af din CSS-fil:
body {
  height: 100%;
  width: 100%;
  border: 0;
osv.

-- xml-deklarationen frarådes, fordi den får IE (i hvert fald op til v6 !-) til at gå i quirks mode, hvor den ikke overholder en lang række helt basale css-rekommendationer, bl.a. boks-modellen, hvorfor det bliver ulideligt svært at få bokse til at se ens ud og være placeret ens ...

ok så det vil sige at en løsning kunne være at fjerne xml-deklarationen? Det tester jeg lige ligesom jeg vist også lige må se hvordan det ser ud i IE 7

hmm... det ser ikke umiddelbart ud som om det er blevet lettere at placere boksene det samme sted selv om der nu renderes i standard mode i IE 6