CSS i netscape

[Jaar]

Jag använder mig av css men vissa saker fungerar inte så bra i netscape (4.7)

<style type="text/css">
<!--
.input1 { font-size: 9px; border: 1px; border-color: #000000; border-style: solid; font-family: Verdana, Arial, Helvetica, sans-serif}
.input2 { font-size: 9px; border: 0px; border-style: solid; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>

Jag använder dessa i input-text fält med class="input1" respektive class="input2".
Antagligen är det så att netscape 4.7 inte stödjer dessa stilar, men går det att anpassa så det blir anorlunda för netscape och vad finns det för alternativ?

Bra referens länkar till CSS parametrar uppskattas också.

// Jan Arenö


------------------
-------------------------
Press Alt-F4 for help
-------------------------

[nordan]

Ett sätt är väll att anpassa så att IE ser ut som Netscape så brukar jag göra iaf

------------------
/nordan

[Jaar]

Fast det är så att jag gör ett jobb och det är tänkt att formuläret ska se ut som ett pappersutskick (Jultidningsförlaget) och eftersom netscape/IE har olika fontstorlek, inte klarar samma grejjer så blir det svårt. *suck*

Tack ändå

// Jan

------------------
-------------------------
Press Alt-F4 for help
-------------------------

[Web-Tor]

Bra referens länkar till CSS parametrar uppskattas också.

Här är standarden: http://www.w3.org/TR/REC-CSS2/

------------------
/Tor
Även dom som inte vågar leva dör nån gång.

[David Wahlberg]

Hej,

Jag mixtrade lite och med denna kod kan det i alla fall se acceptabelt ut i Netscape 4.x.

.input1 { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; border-right: 1px #000000 solid; border-left: 1px #000000 solid;}

.input2 { font-size: 8pt; direction: rtl; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: 0px #000000 solid; border-bottom: 0px #000000 solid; border-right: 0px #000000 solid; border-left: 0px #000000 solid;}

Grejen är den att Netscape inte känner igen "border-top:" "border-left:" osv. Han kommer därför att ignorera den koden istället för att bugga fullständigt som när man använder bara "border:". Höjde även textstoleken lite. Byte ut "text-align:" mot "direction:" därför att Netscape flyttar inputen istället för texten i inputen. OBS "direction:" funkar tydligen bara i IE 5.0 eller senare.

Detta kan ju verka omständigt men enligt mina erfarenheter av utveckling till båda dessa webbläsare så får man kompromissa rätt mycket och man kan mycket sällan få ett "pixelexakt" resultat.

[Redigerat av David Wahlberg den 22 jul 2001]

[Chainsaw]

Bara en snabb koll... Direction-attributet tillhör ju BIDI-stödet. Om jag tolkar CSS-standarden korrekt så renderas "hej du" alltså som "du hej" vid rtl-läge, eller ännu värre "ud jeh".
http://www.w3.org/TR/REC-CSS2/visuren.html#direction

------------------
Även seriemördare är människor. http://www.choppingblock.org/
Absolut bästa episoden: http://www.choppingblock.org/d/20000925.html

[David Wahlberg]

Det funkade som tänkt i explorer när jag testade iaf. Hur Opera och NS 6 tolkar det har jag inte testat men ska han vända sig till en publik som använder mestadels NS 4.x och IE 4-5 så är det ju en patch-lösning som funkar iaf

[Chainsaw]

Jodu, det ser ut som om jag hade rätt. Standardkompatibla läsare ska rendera "hej du" som "ud jeh" om rtl-riktning används. Ganska logiskt, om man tänker efter. Renderar IE på något annat sätt så är det en bugg som förhoppningsvis kommer att fixas i senare versioner.

[ändring: motorsågen kan inte stava]
------------------
Även seriemördare är människor. http://www.choppingblock.org/
Absolut bästa episoden: http://www.choppingblock.org/d/20000925.html

[Redigerat av Chainsaw den 22 jul 2001]

[David Wahlberg]

Kul grej: samma resultat uppstod i Mozilla 0.9.2. Testade även i Opera 5 men den hade tydligen inte stöd för den funktionen.

Det är trevligt att se hur mycket browsertillverkarna mognat när det gäller att följa standarder

Suck.... blir väl o sitta o mixtra i alla läsare tills det funkar precis som det alltid har varit.

En eloge till W3C iaf för att dom orkar hålla på.