Avatar billede laksen Nybegynder
14. oktober 2003 - 11:21 Der er 8 kommentarer og
1 løsning

Input-felter med samme højde i alle browsere

Jeg har problemer med at lave et input-felt, der er ens i alle browsere. Hvis jeg f.eks. skriver følgende, bliver feltet flot i Explorer:
input#felt{
  width: 150px;
  height: 22px;
  font: 11px verdana, sans-serif;
  color: #000000;
  padding: 2px 2px 0px 2px;
}
Det bliver derimod meget højt i f.eks. Netscape. Jeg ved godt, at Netscape vist definerer højde som ramme + padding + angiven højde, men hvad kan man gøre for at få input-feltet til at se ens ud i alle browsere? Hvis ikke i alle browsere, så i det mindste i Explorer og Netscape)?
Avatar billede olebole Juniormester
14. oktober 2003 - 11:27 #1
<ole>

Et HTML-dokument _skal_ indeholde en DOC-TYPE som det allerførste på siden (før <html>). F.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

I den DOC-TYPE _skal_ URL'en (http://www.w3.org/TR/html4/loose.dtd) medtages.
Gør man ikke det, kan IE netop ikke tolke CSS korrekt og siden vil vises korrekt i NS, men helt forkert i IE.
Det løser dit problem - men du må forvente, at du skal skrive al din CSS om, da den er forkert, hvis kun du har testet i IE uden DOC-TYPE (med URL).

Brug aldrig IE til at udvikle i ... den er elendig og ubrugelig til det formål. Brug NS/Mozilla - så er 99% af din kode korrekt  :)

/mvh
</bole>
Avatar billede olebole Juniormester
14. oktober 2003 - 11:27 #2
... og det var et svar  :)
Avatar billede laksen Nybegynder
14. oktober 2003 - 11:35 #3
Hvilken dtd vil du anbefale at benytte? Jeg tænker mere på, om det kan betale sig at skrive i xhtml, så ens kode bliver mere korrekt?
Avatar billede olebole Juniormester
14. oktober 2003 - 11:40 #4
Skriver du XHTML bliver koden ikke mere korrekt end, hvis du skriver HTML. Hvis du har noget at bruge XHTML til, skal du naturligvis skrive i det.
XHTML er et temmelig misforstået 'buzz-begreb' - godt til noget, ligegyldigt til andet. Det kommer anpå, hvad du vil - og det ved du kun selv. Det er ikke noget, jeg kan/vil tage stilling til  :)
/mvh
Avatar billede laksen Nybegynder
14. oktober 2003 - 11:55 #5
Selvom jeg har ændret min dtd, er der stadig forskel på, hvordan det vises i henholdsvis Explorer og Netscape. Burde de ikke se ens ud nu, men være "forkert" i Explorer?
Avatar billede roenving Novice
14. oktober 2003 - 12:06 #6
De ser da meget ens ud i min Mozilla 1.5 og IE 6 ?-)
Avatar billede laksen Nybegynder
14. oktober 2003 - 12:32 #7
Nu forstår jeg det slet ikke. Hvis jeg sletter hele dtd'en, fungerer min side helt fint BÅDE i Explorer og i Netscape. Hvad kan der være galt?
Avatar billede olebole Juniormester
14. oktober 2003 - 22:17 #8
Fomodentlig, fordi du ikke bruger noget CSS af betydning - derfor kan du ikke se, din kode er forkert i begge browsere.
Undlader du DTD'en, aner du ikke, om morgendagens browsere kan læse, hvad du skriver.
Bruger du CSS og de ser væsentlig forskelligt ud, når du bruger DTD'en, er det fordi du skriver fejlbehæftet CSS.
/mvh
Avatar billede olebole Juniormester
16. oktober 2003 - 01:24 #9
Takker  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester