Ens ud i alle browsers

Tags:    html css

<< < 12 > >>
Hej.
Jeg sidder for tiden og er i gang med at prøve på at få en hjemmeside til at se korrekt ud i alle browsers, men har desværre ind til videre lidt problemer med det.

Hjemmesiden kan ses på: http://www.penescotrading.com/ny/
Skal lige sige at jeg ikke har stået for designet, så ingen kommentarer omkring det (ville personligt nemlig aldrig have lavet siden sådan grafisk).

Jeg har prøvet at teste siden med browsershots.org:
http://browsershots.org/http://www.penescotrading.com/ny/#
Screenshottet med Internet Explorer 7 ser desværre ikke så godt ud. Ellipserne i menuen i venstre side er ikke fuldstændig hel.


Er der nogen der se hvordan kan løse dette, så det ikke er et problem længere?



16 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Jeg vil umiddelbart gætte på at det er fordi du bruger tables, og bredderne på dine tables ikke giver 100% til sammen, og IE7 sår prøver at rykke rundt på dem så det passer. Det ville være meget nemmere at overskue, hvis du droppede tablesne, da browsernes table-layout algoritmer er noget avanceret noget der ikke er til at gennemskue.



her er svaret - det står lige under fejlbeskeden:
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).


Så kigger man på den fundne doctype:
Errors found while checking this document as HTML 3.2!


og så begynder man at forstå sammenhængen. :)

Vi er på vej til HTML 5 - HTML 3.2 er en dødsejler...



har du prøvet at validere siden?



Jeg har lige været inde og prøve og se om jeg kunne se nogle problemer i validateren.
Men syntes bare det meste er uforståeligt. Eksempelvis. hvad er der galt med:

<link rel="stylesheet" type="text/css" href="http://www.penescotrading.com/ny/…



Hvilken doctype vil du da foreslå?



Som minimum HTML 4.01, men helst XHTML1.0 strict. Selv bruger jeg XHTML 1.1, da den er enormt restriktiv og sætter nogle rimelig firkantet krav til din HTML.

Check http://www.w3.org/QA/2002/04/valid-dtd-list.html



okay jeg har nu ændret doctype til:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

men stadig ingen forskel



Jeg synes nu ellers at du har fået mange brugbare fejlbeskeder på http://validator.w3.org/check?uri=http://www.penescotrading.com/ny/&charset=(detect+automatically)&doctype=Inline&group=0

Ligeledes er antallet af fejl faldet fra 62 til 48. Så det har da gjort en stor forskel.



Hmm helt klart...

Jamen kan du forklare mig hvad der så er galt med den første fejl?
<div align="center">



<< < 12 > >>
t