Hjælp til at få min side til at se ens ud i alle browsere :)

Tags:    html css

Hej :)

Før i tiden har jeg været den type webmaster, der bare lod hjemmesiden se ud som den gjorde i alle andre browsere end IE7...
Det skal være fortid, og derfor vil jeg gerne sørge for at min hjemmeside ser ens ud i alle browsere... - eller i hvert fald i de fleste ;)

Jeg har lavet en testside, hvor designet er sat til :):
http://www.clarisse.dk/test-til-jer-udviklere.php

Det skal lige siges, at jeg er ved at gøre baggrunden på toplogoet rigtigt, så det skal ikke tælles som en "fejl" :)

Men jeg har problemer med at få stylesheetet helt med, i andre browsere end IE, problemer med at width i procent (som jeg bruger på de to midterste bokse - den mørkegrå, og den med den grå overskrift)...
Det ser ud til at width tager procent af den plads der er tilbage, efter at de to grønne bokse er sat på, i IE7, og tager procent af den samlede plads i browservinduet i f.eks. Mozilla og Netscape...
Hvad kan der gøres ved det?

Jeg har desuden brugt linjeskift til at få menuen oppe under toplogoet til at sidde rigtigt... Men det ser ud til, at den kun sætter sig rigtigt i IE7, og at den ryger for langt ned i f.eks. FF
(Det skal lige siges, at menuen bare er en menu for at få linksne til at sidde rigtigt - det er døde links, og er ikke de emner der kommer til at være på siden når den åbner)

Og så bliver boksen med indholdet ikke så stor så den kan "Få billedet med", i nogle browsere, hvis billedet er et link... Jeg kan ikke lige huske hvilke der reagere sådan ;)

Hvis der er andre problemer der skal rettes, så siger i bare til :)
Jeg har sansynligvis kun fundet de værste...

Jeg ved godt at jeg skal validere siden, men jeg er ganske stille og roligt gået i gang med at lære XHTML og få skrevet siden om... Så jeg skal lige have det hele rettet, inden jeg sætter de øverste linjer på, der angiver sprog, kodningstype o.s.v. (hvad er det nu de hedder?), og validerer siden ;)

Det skal lige siges, at jeg koder med PHP, HTML og CSS :)

M.v.h.
Clara




Indlæg senest redigeret d. 05.03.2007 20:48 af Bruger #11381
4 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 9 karma
Sorter efter stemmer Sorter efter dato
Du kan starte med at tjekke med:
[url="http://validator.w3.org"]validator.w3.org[url]



Du kan bruge en funktion som kan sørge for at alle IE browsere, gamle som nye, bruger ét bestemt Style sheet.

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style_ie.css">
<![endif]-->

Kun IE vil forstå dette, da andre browsere blot vil se det som en kommentar.

Den kan udvides med, [if IE7], [if IE6] osv.

Her kan du se lidt mere:
http://www.quirksmode.org/css/condcom.html
samt her:
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

Håber det kan hjælpe dig lidt på vej



I Firefox:
Gå ind på din hjemmeside
Klik Funktioner -> Sideoplysninger
Se hvad der står i feletet "Visningsmodus"

Det korrekte er "Standardoverholdelsesmodus" den forkert værdi er "Kompabilitetsmodus" (Quirks Mode på engelsk). Kompabilitetsmodus betyder at Firefox fortolker siden som Netscape 4.0 ville have gjort det, og Ineternet Explorer fortolker siden som IE 4.0 ville have gjort det.

Forklaring og løsning: http://hsivonen.iki.fi/doctype/

Siden er meget lærerig, men lidt lang. Du kan eventuelt springe direkte til det vigtige: Den gule boks med nøddeskallen.

Du skal beslutte om du vil bruge XHTML eller HTML (om det skal hedde <br/> eller <br>;)

Ved HTML skal du indsætte dette øverst på siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Ved XHTML skal du indsætte dette øverst på siden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Bjørn Sørensens metode er en god metode, men ikke til det du skal.

Når du har sat siden til standardoverholdelsesmodus, er der nok nogle ting du skal rette til. Efter det, skal du validere siden på http://validator.w3.org/



Indlæg senest redigeret d. 06.03.2007 21:16 af Bruger #3143
Hej :)

Tak for svarene :)

Jeg har besluttet mig for XHTML (strict), og er begyndt at validere mine sider...
Jeg har læst om XHTML på html.dk, og jeg har da bestemt fattet pointen :)
Nu er jeg så i gang med at prøve mig frem med en ny header.php, som giver det samme resultat :)

Det er bare ikke helt nemt ;)
Men det skal nok komme :)



Indlæg senest redigeret d. 07.03.2007 15:59 af Bruger #11381
t