Firefox skiljer sig från IE trots att sidan validerar

Vad menar du? Jag kan se sidan i FF. Att en sida validerar betdyer inte nödväntigtvis att den är korrekt. Det bryter ju till exempel mot tanken i standarden att använda tabeller för design som du gör. Dessutom säger det inget om hur sidan visas, det går att göra en helt hopplös sida som validerar, den kollar bara att html-syntaxen är välformad. Inget mer.

Jag orkar inte ta reda på vad som är felet när det gäller tabellayouter. Personligen tycker jag att de är struliga och tar bara till dem om det verkligen behövs.

Jag ser bara en liten skillnad. Det är till vänster om menyn så är de där "färgerna" eller vad det nu är, lite anorlunda i FF än i IE. Det beror nog snarare på vilket program du gjort sidan i, (om du inte skrivit koden själv) än vilken webbläsare som visar det.

Ingen browser stöder standarden till 100 %. Att sidan validerar betyder inte alls att den följer standarden, heller. Vissa saker i standarden kan inte kollas av ett program.

validerat css?

Warnings
URI : http://www.fluffigast.com/style.css

* Line : 2 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 2 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : body
* Line : 4 (Level : 1) You have no background-color with your color : body
* Line : 15 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 15 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a:link
* Line : 17 (Level : 1) You have no background-color with your color : a:link
* Line : 22 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 22 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a:visited
* Line : 24 (Level : 1) You have no background-color with your color : a:visited
* Line : 29 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 29 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a:hover
* Line : 31 (Level : 1) You have no background-color with your color : a:hover
* Line : 36 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 36 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a.menu:link
* Line : 38 (Level : 1) You have no background-color with your color : a.menu:link
* Line : 43 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 43 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a.menu:visited
* Line : 45 (Level : 1) You have no background-color with your color : a.menu:visited
* Line : 50 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 50 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : a.menu:hover
* Line : 52 (Level : 1) You have no background-color with your color : a.menu:hover
* Line : 57 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 57 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : .style1
* Line : 63 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 63 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : .style2

URI : http://www.fluffigast.com/layout.css

* Line : 2 (Level : 1) You have no color with your background-color : .side
* Line : 11 (Level : 1) You have no color with your background-color : .top
* Line : 20 (Level : 1) You have no color with your background-color : .toplogo
* Line : 36 (Level : 1) You have no color with your background-color : .meny
* Line : 45 (Level : 1) You have no color with your background-color : .meny2
* Line : 56 (Level : 1) You have no color with your background-color : .main
* Line : 65 (Level : 1) You have no color with your background-color : .bottom
* Line : 74 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 74 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : .user

Valid CSS information

Varför skulle ett program inte kunna kolla att en sida följer standarden till 100%?

I så fall borde man nog skriva om standarden, det är ju trots allt en browser som skall rendera sidan, browsern är ett program och kan den inte tyda standarden är något fel

programmet (webbrowsern) tyder inte en standard, programmet tyder koden som du ger till programmet.
Standarden är en sak man helst bör följa för att browsern ska visa sidan på ett så korrekt sätt som möjligt men gör du helt uppåt väggarna konstiga saker i koden så kommer browsern fortfarande att visa dom så länge koden går att interpretera.

Om standarden säger t.ex. "separera innehåll från design", hur kollar validatorn det? Ett program kan kolla rent praktiska saker som "avsluta alla taggar", men standarden innehåller mer än så.

halvt offtopic:

Det är så jäkla synd med alla som bygger sidan i IE och allt fungerar bra, sen testar de i FF eller Opera och blir förbannad på dessa då de inte visar på samma sätt som IE.

Problemet är ju just att då folk har utvecklat sidan från början i IE så har de ju vart tvugna att krossa standarden, göra fulhack etc för att sidan väl ska fungera i IE, som aldrig hade behövs från början med FF eller Opera. Så när de väl testar siten i en browser som gör relativt rätt så ramlar sidan isär pga att den är anpassad för ie.

Opera och FF får mycket skit pga att folk har IE som referens sådär. En massa folk som testar Opera första gången upptäcker t.ex att alla siter inte fungerar helt perfekt (ja, vems fel är det, jo, dumma IE-kodarens) etc....

Edit: Jag riktade inte detta bara mot dig, utan mot typ alla "rookies".... Men att bygga den i DW är absolut inte vägen till framgång då DW absolut inte själv uppmuntrar till världens smartaste struktur.

Ontopic

Vad som är fel orkar jag inte fördjupa mig i nu, men kolla vilket element det är som hamnar fel, och vad den har för omgivning. Kan det vara någon margin eller padding som bråkar? Alla browsers har inte samma standardvärden på alla element... Nu har du t.ex inte en <ul> över menyn, annars hade jag misstänkt den, för den har en margin i FF som inte opera eller IE har etc.

vad använder du för positionering, absolut eller relativ?
Vet att positioneringen i IE inte alls fungerar likadant som i FF

har inte haft möjlighet eller tid att kolla igenom din kod ordentligt men det är alltid en bra sak att ange om man använder sig av absolut eller relativ positionering. Kan inte säga säkert att det är felet dock.

Det hetaste tipset vore ändå att slopa hela tabelldesignen och göra om det i lager istället, så mycket smidigare.

Designen skulle enkelt kunna göras så att du har ett stort lager som du lägger de olika dellagrena i så har du kontroll på vart saker hamnar

Han menar att du inte ska använda tabeller till att bygga upp sidan, vilket du har gjort. Du ska istället använda <div> för att bygga upp sidans design.

Klargörande: Dreamweavers wysiwygläge suger. Den är princip inkapabel att skriva vettig kod. Däremot är dw:s kodläge mycket bra med bra highlighting och hjälpfunktioner. Har du gjrot sidan med peka och klicka är det klart det blir fel!

Här är felet för övrigt:

.side {

color: #FFFFFF;
background-color: #3e3e3e;
width: 20px;
padding: 2px;
margin: 3px;
float: left;
border: 0px;
}

Du har lagt en float på ett block-element och på så sätt exkluderat den ur tabell-layouten. Detta gör att IE som inte riktigt fattar float låter den vara kvar och ärva höjden från tabellen. Standardläsare gör inte det. Därför blir höjden ett minimum, dvs paddingen, i "riktiga" läsare. raden är dessutom onödig då du inte vill flyta elementet alls. Ta bort raden så löser sig allt.

EDIT: ser nu att du har float på alla tabeller. HA INTE DET; float har ingenting i en tabell att göra.

Det här är ett perfekt exempel på varför man INTE ska använda wysiwyg i dreamweaver. Det är också ett bra exempel på att inte använda tabeller till layout! Det är ju inte till för det. Det enda program som tabeller till layout fortfarande har någon relevans i är IE eftersom den saknar min och max-height.

Sätt en ordentlig topic då.

"Firefox skiljer sig från IE trots att sidan validerar"
"IE och FF visar sidan olika"
"Hjälp att leta visningsbugg i IE / FF"

...osv.

Eller: "Min hemsida, vilket skämt!"

Jag vet inte om du har uppdaterat sidan eller så, men det ser exakt likadant ut för mig i FF och i IE...

Ser konstig ut i safari också för övrigt.

Ser fortfarande konstig ut i firefox iaf... såg dock bra ut förut idag. har du ändrat något efter det?

Tabels är inte rätt för layout! De är till för att presentera data!

Index sidan ser helt identisk ut nu i både IE/FF

Fixat!

iNi, vänligen, använd dig utav beskrivande topics i framtiden.