hätte ich bloss nicht NN4.xx installiert...

[Paco]

oje, oje, ich habe eine HP auf IE, Opera6 und NN6 getestet. Läuft auch überall optimal. Naja, und jetzt installiere ich NN 4.75 und bekomme einen halben Herzinfakt.
Die Page sieht darauf aus, als wäre ich der absolute Anfänger - bin ich wohl dann auch.
Mist was soll ich nun machen?
Hier die URL:

das trauernde Schauspiel

[webmichl]

Wat Is??
Gibt es so riesige Darstellungsunterschiede zwischen NS4.7 und NS4.75 ( was nicht auszuschliessen ist )? Also bei mir sehe ich zwischen NS4.75, IE5.5 und Opera6.0 wirklich nur minimale Unterschiede - nix, was dich zum Anfänger abstempeln würde *tröstenddenkopftätschel* .
Einzige Ausnahme: NS stellt die Links weiss dar, aber das sollte sich lösen lassen. Bei der Galerie ist das besonders irritierend: weisser Text auf weissem Grund...

[Thomas]

ach, so schlimm ist das doch gar nicht:

daß die Schrift in NN 4.x etwas kleiner ist, ist halt so - musst du einfach mit leben (bei Formatierungen < 10 pt wirds in NN 4 aber unlesbar)

Hover-Effekte kennt NN 4.x einfach noch nicht, da machst du nix dran (kennen die NN4-User aber auch gar nicht )

und der ganze Rest ist nach meinem kurzen Durschauen sehr wahrscheinlich "nur" eine Frage deiner css-Definitionen.

wg. dem komplett fehlenden Formular im NN 4:

schau mal meinen Beitrag hier
So ein Formular habe ich z.B. hier gebastelt - läuft in allen Browsern!

width:200px" - definiert die Feldgröße für IE
maxlength="60" - definiert die Feldgröße für NN

damit es ungefähr gleich lang wird, hilft leider nur ausprobieren, einen richtigen kausalen Zusammenhan zwischen beiden Werten gibts glaube ich nicht

wg. den falschen Schriftfarben: wird wohl auch am css liegen - poste dein css-file mal einfach!

ein paar Tipps zu css und NN 4 noch in diesen beiden Threads: da und da

mit den fehlenden Tabellen ist schwieriger, aber lösbar

schau z.B. mal diese Version, noch mehr Möglichkeiten hier

ein "absoluter Anfänger" Anfänger bist du sicher nicht, die Site ist sehr schön und läd auch rattenschnell

[Paco]

hi webmich - freut mich das du da bist.
habe auch version 4.75 und bin da nicht so ganz zufrieden damit.
Was mich auch extrem stört, sind die menüleisten, oben und unten, die nicht mehr so sauber aussehen und die obere sogar verrutscht ist. hmmm...
Was muss ich nun tun, damit ich mit dem 4.75 auch einigermaßen freund werde....

[Paco]

hi ratti - hui, da hast du ja mal wieder ganze Arbeit geleistet.
Ich bin froh wenn der NN4.75 vom geschäft genommen wird.
So, ich werde mir mal in aller Ruhe die Sachen von Dir durchgehen. Und das rausholen, was rauszuholen ist.
Danke auch für deine aufbauende Worte

[oliveramberg]

Gibts von Deiner Site schon Statistiken? Dort sollte auch ersichtlich sein, wieviele zur "Randgruppe" Netscape gehören. Falls <1% könnte man über eine Vernachlässigung nachdenken....

[Paco]

nein, es gibt keine Statistiken. Außerdem würde ich es so nicht lernen
Achja, ratii, ich sollte ja mein css posten...hier ist es:

td{font-size:14px; font-family:verdana,arial,tahoma;}
td.pp{font-size:12px; font-family:verdana,arial,tahoma;}
body.tt{font-size:12px; font-family:verdana,arial,tahoma;color:#ffffff;}
p{font-size:17px; font-family:verdana,arial,tahoma;}
td.blocksatz { text-align:justify; }

body{color:#000000;font-size:13px; font-family:verdana,arial,tahoma;scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#8E003B;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff}
a {font-family:Verdana, Arial, tahoma; font-size:13px; text-decoration: none; color:#ffffff; font-weight: bold;}
a:link { font-family: verdana,arial,tahoma;text-decoration: none; color: #1d408f;font-size:13px;font-weight: bold;}
a:visited { font-family: verdana,arial,tahoma;text-decoration: none; color: #1d408f;font-size:13px;font-weight: bold;}
a:hover {color: #1d408f; font-size:13px;text-decoration: overline underline; font-family:verdana,arial,tahoma;font-weight: bold;}
a:active { font-family: verdana,arial,tahoma;text-decoration: none; color: #1d408f;font-size:13px;font-weight: bold;}

a.zz {font-family:Verdana, Arial, tahoma; font-size:17px; text-decoration: none; color:#ffffff; font-weight: bold;}
a.zz:link { font-family: verdana,arial,tahoma;text-decoration: none; color: #1d408f;font-size:17px;font-weight: bold;}
a.zz:visited { font-family: verdana,arial,tahoma;text-decoration: none; color: #1d408f;font-size:17px;font-weight: bold;}
a.zz:hover {color: #1d408f; font-size:17px;text-decoration: overline underline; font-family:verdana,arial,tahoma;font-weight: bold;}
a.zz:active { font-family: verdana,arial,tahoma;text-decoration: none; color: #1d408f;font-size:17px;font-weight: bold;}

a.td {font-family:Verdana, Arial, tahoma; font-size:15px; text-decoration: none; color:#ffffff; font-weight: bold;}
a.td:link { font-family: verdana,arial,tahoma;text-decoration: none; color: #000000;font-size:15px;font-weight: bold;}
a.td:visited { font-family: verdana,arial,tahoma;text-decoration: none; color: #000000;font-size:15px;font-weight: bold;}
a.td:hover {color: #000000; font-size:15px;text-decoration: overline underline; font-family:verdana,arial,tahoma;font-weight: bold;}
a.td:active { font-family: verdana,arial,tahoma;text-decoration: none; color: #000000;font-size:15px;font-weight: bold;}

INPUT { font-family:Verdana, Arial, tahoma; font-size: 13px; color: #000000; background-color:#ffffff; border-style: "solid"; border-color: #000000; border-width: "1px"; }
TEXTAREA { font-family:Verdana, Arial, tahoma; font-size: 13px; color: #000000;background-color: #ffffff; border-style: "solid"; border-color: #000000; border-width:"1px"; }
OPTION { font-family:Verdana, Arial, tahoma; font-size: 13px; color:#000000; background-color: #ffffff; border-style: "solid"; border-color: #000000;border-width: "1px"; }
SELECT { font-family:Verdana, Arial, tahoma; font-size:13px; color: #000000; background-color: #ffffff; border-style: "solid"; border-color:#000000; border-width: "1px"; }

a.w {font-family:Verdana, Arial, tahoma; font-size:12px; text-decoration: none; color:#f1bf3c; font-weight: normal;}
a.w:link { font-family: verdana,arial,tahoma;text-decoration: none; color: #f1bf3c;font-size:12px;font-weight: normal;}
a.w:visited { font-family: verdana,arial,tahoma;text-decoration: none; color: #f1bf3c;font-size:12px;font-weight: normal;}
a.w:hover {color: #f1bf3c; font-size:12px;text-decoration: overline underline; font-family:verdana,arial,tahoma;font-weight: normal;}
a.w:active { font-family: verdana,arial,tahoma;text-decoration: none; color: #f1bf3c;font-size:12px;font-weight: normal;}

[oliveramberg]

Original geschrieben von Paco
[B]nein, es gibt keine Statistiken. Außerdem würde ich es so nicht lernen

Recht hast Du!

[Thomas]

ohne es jetzt ausprobiert zu haben:

mach mal alle Leerzeichen innerhalb der {} weg
und oft hast du ein ";" als letztes Zeichen inerhalb der {} - mach die auch alle weg!

Beispiel: .... tahoma;}

die textarea-definitionen sind für das fehlende Formular in NN 4 "verantwortlich". Die musst du ganz rausnehmen und direkt im code wie oben schon gesagt definieren.

gibt auch noch eine andere Möglichkeit: die css-formular-Definitionen in einem Extra-externen-css-file speichern.

mit einem "Special"-Befehl (den NN nicht kennt und deswegen ignoriert) wird dieses css dann zusätzlich im <head> eingebunden

finde diesen Befehl aber gerade nicht wieder Mist - weiß jemand, was ich meine???

[Paco]

du meinst nicht diesen oder? <link rel="stylesheet" type="text/css" href="extern.css">

habe alle leerzeichen und ; rausgenommen. hat sich leider noch nichts geändert.
werde weiter machen...

Also, hier mein css
INPUT {font-family:Verdana,Arial,tahoma;font-size:13px;color:#000000;background-color:#ffffff;border-style:"solid";border-color:#000000;border-width:"1px"}
TEXTAREA {font-family:Verdana,Arial,tahoma;font-size:13px;color:#000000;background-color:#ffffff;border-style:"solid";border-color:#000000;border-width:"1px"}
OPTION {font-family:Verdana,Arial,tahoma;font-size:13px;color:#000000;background-color:#ffffff;border-style:"solid";border-color:#000000;border-width:"1px"}
SELECT {font-family:Verdana,Arial,tahoma;font-size:13px;color:#000000;background-color:#ffffff;border-style:"solid";border-color:#000000; border-width:"1px"}

Und was davon soll ich genau rausnehmen? nur Textarea??? und dann sowie du direkt im Formular neu definieren?
Was ist mit den weißen links???

[#!/usr/bin/beer]

oder vielleicht diesen hier ??

<STYLE type=text/css>@import url( testpage-Dateien/navibar.css );
</STYLE>

[Thomas]

genau das mit dem "import" meinte ich!

hatte es mal gelesen aber noch nicht ausprobiert!

[Paco]

sorry, jetzt weiß garnet mehr was ich machen soll

ratti, du hast in deinem css auch überall leerzeichen und zeilenumbrüche? und textarea hats du auch mit drin?? Ich verstehe nur noch bahnhof!

[Thomas]

wie gesagt, ausprobiert habe ich es noch nicht!
Theretisch sollte es ungefähr so gehen:

du teilst dein css in 2 verschiedene css-files auf:

was alle Browser verstehen kommt in ein css-file, z.B. paco.css

die Formulardefinitionen (die der NN4 nicht versteht) packst du in ein anderes file, z.B. formular.css

im <head> rufst du dann so auf:

<link rel="stylesheet" href="paco.css" type="text/css">
<style type="text/css">
<!--
@import url(formular.css) formular;
-->
</style>

NN 4.x kennt den @import-Befehl nicht und ignoriert ihn deswegen.

so soll es laut Theorie sein

background: http://selfhtml.teamone.de/css/forma...htm#link_media
www.drweb.de/trickkiste/tricks112.shtml

[Paco]

überleg...grübel...
das muss ich mal in Ruhe sich setzen lassen.
Irgendwie habe ich da einen Denkfehler drinne, ich muss den rausnehmen aber wieder reinnehmen, aber damit der NN nicht lesen kann muss ich diesen Code nehmen...überleg?? hmm...kompliziert...kratz..