Værktøj til browser test

Jeg har spurgt om det selv samme og svaret er pænt nej
http://www.eksperten.dk/spm/610710
Du kan validere din side på
www.validator.w3.org
Hvis din side kan validere er der håb forude for den bliver vist rimelig ens i alle browsere
Statestik over de mest brugte kan du finde mange steder vha google...men hvilke man kan stole på ved jeg ikke rigtige...
HEr er en af dem
http://www.w3schools.com/browsers/browsers_stats.asp

Jeg har selv efter stillet det spørgsmål hentet følgende browsere som jeg tester i under winxp som de eneste
IE5 og så de nyeste af IE,FF,Opera og Netscape

Min side validerer såmend okay. Det er jo bare ikke nogen garanti for at siden bliver vist ens i alle browsere

http://validator.w3.org/check?uri=www.bjorn-thorsen.dk

F.X bliver teksten på knapperne ikke vist samme sted i firefox, som i IE (det har jeg så rettet til ved at lave et stylesheet specielt til firefox) I Opera bliver mine returns på min knapper ignoreret

value="Paints,
Coatings,
Adhesives
&
Inks "

Den eneste måde du kan teste sikkert på er at teste det selv i de browsere
Hvilket det lyder til du har gjort?
Hvis siden til trods validering ikke vises ens..så skyldes det nok at div browsere er forskellige på nogen punkter
Min IE har fx altid konstant en scroll bar mens firefox ikke har
Derfor ser alle absolut positionerede elementer anderledes ud i de to hos mig
Du kan løse det ved at optimere til de forskellige browsere og så vha et skript tjekke brugerens browser og redirecte derefter.
Eller hvis det ikke er slemt så "acceptere" forskellene

det virker i min opera..den nyeste?..
Men teksten ombryder til gengæld ikke som i IE,FF og netscape

Det er slemt hvis det ikke bliver vist pænt.

Tak for hjælpen

Nej og det forstår jeg ikke helt. Det er knapper med f.x

value="Paints,
Coatings,
Adhesives
&
Inks "

Bliver det ellers vist pænt hos dig i de andre browsere

Det er optimeret til 1024*768, men jeg bliver vist også lige nød til at optimere det til 800*600 :-)

Hos mig er det kun i Opera den "kager" lidt..eller hmm meget :/
IE,FF,Netscape i nyeste versioner er fint
Man kan jo altid diskutere hvor mange versioner du vil teste i uden det er overkill
Se liste over browsere du kan hente her i alverdens versioner
http://browsers.evolt.org/

jeg er også i 1024*768... men ja..godt halvdelen bruger vel stadig 800*600

så må man jo sige at det er noget man er nød til at forholde sig til

Jeg ser dog ingen grund til at forholde mig til Opera

Der kan være en grund til opera ikke tekst ombryder korrekt...og man kan diskutere om de andre gør det...det er en smags sag som er forskellig mange steder i programmering
Du bruger 
 som er LF (LineFeed)
Det er muligt at den gerne vil have en 
 som er CR (Carriage Return) med

hvis du nu alligevel skulle få lyst til at benytte et værktøj ( jeg har ikke den store ide om hvor præcist det er ) så findes der et her www.browsercam.com

men hamper pris synes jeg personlig...i forhold til at hente lidt browsere selv


 virker heller ikke i Opera :-)

Busschou - jep det er dyrt men gratis de første 24 timer :o) det kunne man jo benytte sig af

eller i firefox

Jeg tror nu det er klogere at teste tingene rigtigt

Hvis man kan prøve det gratis i 24 timer...ja så

hmm kan være opera bare ikke kan lide den slags tegn
<br> må den vel kunne lide ;o)

Mik28 - jeg tror bestemt også du får mere ud af at hente diverse browsere og teste op i mod dem. Dog kan det jo være svært at teste både i PC og MAC miljø hvis man ikke lige har det til rådighed. Linket var også ment som suplement til alt det som Busschou havde fortalt.

Jeg sætter såmend også pris på det

<br> kan man ikke bruge så skriver den bare hksfuibvus<br>gnfobiob<br>fhfnyj

bruger du asp?
For så kunne man forsøge indsætte et VbCrLf

<ole>

En knap havde W3C eller browser leverandørerne nok ikke regnet med, nogen kunne finde på at skrive 'en novelle' i. Derfor er der ingen regler for, hvordan man laver linieskift i en "input type=button".

I det sidste spørgsmål, du oprettede angående den samme side, fik du netop at vide, form-elementer er noget af det, der vises mest forskelligt i browserne.
Så kan det vel kun undre, du stadig undrer dig over deres opførsel og bliver ved med at 'fedte rundt' med dem ... specielt, når du kan bruge næsten alle andre elementer og få et bedre resultat  :)

/mvh
</bole>

Jeg er gået væk fra at bruge <button> sådan at mine "knapper" nu ser så ledes ud.

<a class="knap" href="/index/niveau2.jsp?pid=2&amp;hn=2&amp;navn=Paints,%20Coatings,%20Adhesives%20%26%20Inks" onMouseover="getElementById('info1').style.display='inline';this.style.color='#dddddd'" onMouseout="document.getElementById('info1').style.display='none';this.style.color='#000000'">Paints,<br />Coatings,<br />Adhesives<br />&<br />Inks</a>

Jeg kan jo kun konstatere at Ole har fuldstændigt ret i sine betragtninger omkring form elementer :-). Jeg har kun en lille ting til jeg godt kunne tænke mig at få løst. Jeg vil gerne have at teksten i menuen altid bliver større når man peger på den. Jeg har prøvet med

onMouseover="this.style.font-size='14pt'"
onMouseout="this.style.font-size='12pt'"

men det er ikke rigtigt. Egentligt står det også i mit stylesheet, men der får jeg et problem hvis linket er aktivt.

a.knap:link {
    color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background-color: transparent;
  border: #ffffff 0px solid;
  cursor: pointer;
  text-decoration: none;
    }

a.knap:visited {
    color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background-color: transparent;
  border: #ffffff 0px solid;
  cursor: pointer;
  text-decoration: none;
  }

a.knap:hover {
    color: #dddddd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background-color: transparent;
  border: #ffffff 0px solid;
  cursor: pointer;
  text-decoration: none;
    }

a.knap:active {
    color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background-color: transparent;
  border: #ffffff 0px solid;
  cursor: pointer;
  text-decoration: none;
    }

Hov det er dem her

a.menu:link {
    color: #0000ad;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  background-color: transparent;
  border: #ffffff 0px solid;
    cursor: pointer;
  font-weight: bold;
    }

a.menu:visited {
    color: #0000ad;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  background-color: transparent;
  border: #ffffff 0px solid;
    cursor: pointer;
  font-weight: bold;
  }

a.menu:hover {
    color: #0000ad;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15pt;
  font-weight: bold;
  background-color: transparent;
  border: #ffffff 0px solid;
  cursor: pointer;
    }

a.menu:active {
    color: #0000ad;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  background-color: transparent;
  border: #ffffff 0px solid;
    cursor: pointer;
  font-weight: bold;
    }