Siden vises forskelligt i IE og FF - why?

Der er uhyre mange fejl i Internet Explorer.
Du har højst sandsynligt designet siden efter Internet Explorer og dermed også efter de bugs IE har.
Her er en side der beskriver alle de kendte fejl og hvordan man retter op på dem.
http://positioniseverything.net/

Jeps. Jeg har designet efter IE. Er der ingen der kan se nogle umiddelbare fejl? Det er jo en svært lang artikkel du har fundet frem til mig mige :)

Hæhæ! Er ved at kigge det igennem, men ville bare give dig et rigtigt godt link med på vejen, der næsten er uundværligt, når man arbejder med css.
Du skal også huske på at de forskellige browsere hver især har nogle css metoder de ikke understøtter. Dette kan du læse mere om på http://www.w3schools.com/
Jeg håber jeg har et svar til dig om lidt.

:) Jeg vil også læse http://positioniseverything.net/ igennem, men er lidt bange for at det kan tage lidt tid at komme frem til de fejl der er.

Det kan meget vel være det der skal til.
Det er rart at se at du har designet efter w3 standarderne.
Så der skulle ikke være så langt igen.
Det er ofte svært at finde fejlen, når hjemmesiden er lavet med IE, som pejlemærke.

Jeps, i fremtiden vil jeg nok kigge lidt mere efter i FF også inden siden bliver lagt ud offentlig...

Prøv de 3 css rettelser her:





#outer {
text-align:left;
border:1px solid #000000;
width:800px;
margin:auto;
background: #dcdcdc;
}






#hdr {
   
    background:#eeeeee;
    color: #333333;
    width: 800px;
}






#ftr {
    border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:0px solid

black;
    background:#c0c0c0;
    color: #333333;
    margin:0;
    width: 800px;
clear:both;
}

Hov, den ene linje blev ombrudt... den skal lige samles :o)

Pas på med height defineringer på elementer der skal kunne udvide sig ... du havde defineret en højde på hdr som FF overholder ... det forstår IE dog ikke at den skal - den læser altid height som min-height ...

I #ftr skulle floatede divs cleares med en clear css attribut... og height skulle også fjernes.

- og outer har lige fået en baggrundsfarve klistret på så baggrunden følger med ned af på siden ...

2 hurtige noter:
Det er en god idé at indrykke med hensyn til scope, så koden bliver lettere at debugge.
f.eks.
<div id="cont">
<h3 align="left">Seneste endringer:</h3>
<div class="news">
  <img src="images/newsdot.gif" width="4" height="5" border="0" alt="" style="margin-bottom:1px;margin-left:7px;margin-right:1px;" />
  <span class="smallfattext">25.april 2006</span><br/>
  <div class="smallthingrey" style="margin-top:3px;margin-left:18px;margin-right:4px;margin-bottom:5px;"> Ændret adresse til Sønderkær 21.
  </div>
</div>
</div>

Hvad angår:
<img src="images/newsdot.gif" ...style="..."/>
bør du nok lave en class så du kan få in-line style væk fra html dokumentet:
<img class="newsdot" src="images/newsdot.gif" .../>

Prøv at kigge lidt nærmere på denne sektion i IE:
http://positioniseverything.net/explorer/escape-floats.html
Kan være det er hér at liget er begravet.

Det var der liget var begravet - ligesom
med css rettelserne i 11/07-2006 21:32:32 :o)

Ok, jeg har rettet de 3 steder mclemens kom med. Det ser bedre ud nu, men vi er ikke i mål endnu :)

Næh, ikke helt det var clear:both; der manglede som i 11/07-2006 21:32:32...
- Havde ikke lige klikket på linket (læste kun det escape floats ) :o)

#ftr {
/*    border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:0px solid black; height:25px;  */
    border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:0px solid black; height:25px; <------ Du har ikke fjernet height ligesom jeg gjorde i min post ;o)
    background:#c0c0c0;
    color: #333333;
    margin:0;
    width: 800px <--------! Du mangler ; her ligesom i min post ;o)
    clear:both;
}

Kanon mclemens!  Nu mangler der bare at få copyright på ret plads :)

Du mangler p.t. height ligesom nævnt i ovenstående...

Edit: Du mangler p.t. at fjerne height ligesom nævnt i ovenstående...

:) Skulle ønske jeg havde evnen til at læse det hele rigtig fra starten :)

Tusind tak mclemens! Smid et svar!

Helt ok, jeg overser også selv ting ;)
Velbekom, her er lige et svar :o)

- Og tak for point :o)

Det var fortjente points :) Du har sparet mig for sikkert flere timers arbejde  :)

Lige en lille ting mere - prøv at fjerne den kommentar du
har i toppen af din side - den gør at IE går i quirks så
IE ikke overholder visse css ting ordentligt...

Prøv f.eks. at kaste denne linje ind i
adresselinjen og enter på dit site...

java script:alert(document.compatMode);

... ved back compatibility mode overholdes css ikke ordentligt ...
Din doctype skal være det første der er i markup'en der
må ikke være nogen kommentar før den...

(hvis man designer med IE i quirks kan css koden hurtigt blive
meget svær at rette så andre browsere kan vise siden ... )

... Ved dog ikke hvordan siden ser ud i
IE når IE overholder alt css igen ...

<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Rettes til (kommentar fjernet) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ok. Tak skal du have. Jeg benytter DW, så jeg tror kommentaren kommer der fra? Jeg har i hvert fald ikke skrevet den kommentar :)