wieso klappt es mett im netscape 7.2

Nash · 25.06.2003, 11:56

hallo leute ich verzweifel bal.
habe einen css styl erstell aber leider nimmt ihn der netscape 7.2 nett an.
mache ich da was falsch ?
hier mal die css datei:#

.....

BODY {
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px
;
text-decoration: none
;
cursor: auto;
clip: rect( )
;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #747474;

scrollbar-base-color: #747474;
scrollbar-track-color: #B9B5A8;
scrollbar-face-color: #747474;
scrollbar-highlight-color: #EFEFEF;
scrollbar-3d-light-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #DEDFDE;
TABLE {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana
; background-image: url(../picer/bg_op.gif)
}
TD {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
}
INPUT {
BORDER-RIGHT: #000000 1px ; BORDER-TOP: #000000 1px ; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px ; COLOR: #000000; BORDER-BOTTOM: #000000 1px ; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
; border: thin #F7F3E7 none
}
OPTION {
BORDER-RIGHT: #000000 1px ; BORDER-TOP: #000000 1px ; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px ; COLOR: #000000; BORDER-BOTTOM: #000000 1px ; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff;
}
TEXTAREA {
BORDER-RIGHT: #000000 1px ; BORDER-TOP: #000000 1px ; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px ; COLOR: #000000; BORDER-BOTTOM: #000000 1px ; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; text-decoration: none
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none
}
A:active {
COLOR: #000000; TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none
}
A:hover {
COLOR: #ffffff; TEXT-DECORATION: underline
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none
}

.....
muss ich da was ändern damit der netscape sie auch ausführt ? ich lade die datein durch diese sache in die seite :
<link rel="stylesheet" href="http://www.affenseich.de/design/_notes/design.css" type="text/css">

würde mir sehr geholfen sein wen jemand weiss wie man das hin bekommt.

vielen dank an alle die mir helfen in der sache....

prefix · 25.06.2003, 11:58

bevor ich näher darauf eingehe: ist das stylesheet validiert??

prefix · 25.06.2003, 12:12

so, das css war ja wild - nicht validiert und auch schlecht bis gar nicht formatiert - zusammengeklickt??? na, lern bitte daraus --> in zukunft schreib das selber, verwende nur definitionen und attribute, die es auch gibt und validiere das css - erst dann macht es sinn, sich um probleme zu kümmern.

hier mal das css --> validiert und bereinigt --> probier es mal damit:

Code:

BODY {
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-decoration: none;
/*cursor: auto;*/ /* vergiss diese anweisung */
/*clip: rect( );*/ /* vergiss diese anweisung */
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #747474;

/* diese eigenschaften sind nicht css-valide - daher auskommentiert*/

/*
scrollbar-base-color: #747474;
scrollbar-track-color: #B9B5A8;
scrollbar-face-color: #747474;
scrollbar-highlight-color: #EFEFEF;
scrollbar-3d-light-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #DEDFDE; */
} /* und bitte immer die anweisungen auch mit einer klammer schließen */

TABLE {
FONT-SIZE: 11px; 
COLOR: #000000; 
FONT-FAMILY: Verdana; 
background-image: url(../picer/bg_op.gif);
}

TD {
FONT-SIZE: 11px; 
COLOR: #000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
text-decoration: none;
}

INPUT {
BORDER-RIGHT: #000000 1px ; 
BORDER-TOP: #000000 1px ; 
FONT-SIZE: 11px; 
BORDER-LEFT: #000000 1px ; 
COLOR: #000000; 
BORDER-BOTTOM: #000000 1px ; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #ffffff; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
text-decoration: none; 
border: thin #F7F3E7 none;
}

OPTION {
BORDER-RIGHT: #000000 1px ; 
BORDER-TOP: #000000 1px ; 
FONT-SIZE: 11px; 
BORDER-LEFT: #000000 1px ; 
COLOR: #000000; 
BORDER-BOTTOM: #000000 1px ; 
FONT-FAMILY: Verdana; 
BACKGROUND-COLOR: #ffffff;
}

TEXTAREA {
BORDER-RIGHT: #000000 1px ; 
BORDER-TOP: #000000 1px ; 
FONT-SIZE: 11px; 
BORDER-LEFT: #000000 1px ; 
COLOR: #000000; 
BORDER-BOTTOM: #000000 1px ; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #ffffff; 
text-decoration: none;
}
A:link {
COLOR: #000000; 
TEXT-DECORATION: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none;
}
A:visited {
COLOR: #000000; 
TEXT-DECORATION: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none;
}
A:hover { /* muss in der richtigen reihenfolge so wie hier stehen:
- link
- visited
- hover
- active */
COLOR: #ffffff; 
TEXT-DECORATION: underline; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none
}

A:active {
COLOR: #000000; 
TEXT-DECORATION: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none;
}

LANtastic · 25.06.2003, 12:42

Hab da ein kleines Problem, wenn ich den im Link-Tag verwendeten Pfad aufrufen will :

Forbidden
You don't have permission to access /design/_notes/design.css on this server.

Ist das jetzt seit Prefix die Änderung angegeben hat, oder war das Problem vorher auch schon ? Wenn ich die URL nicht aufrufen kann, kann der Browser natürlich auch nicht die Datei aufrufen und zur Formatierung anwenden.

prefix · 25.06.2003, 12:44

bezugnehmend auf die antwort von lantastic:

warum speicherst du das css-file im _notes ordner??? dort darf es gar nicht stehen, denn der ordner ist für dreamweaver intern, damit er die letzten änderungen erkennen kann!!! gib das style-sheet mal in einen eigenen ordner (z.b. "styles")!

Nash · 25.06.2003, 15:48

erst mal danke prefix,

für die hilfe. jetz klappt es in allen browsern.
gibt es da irgendwo einen anleitung was wie zu sein hat bei den css style ? so das es bei allen browsern geht !

danke noch mal... @ prefix

prefix · 25.06.2003, 15:53

also erstmal freut es mich, dass es jetzt klappt :-)

eine anleitung, damit es in allen browsern klappt (also das css korrekt und wie gewollt interpretiert wird) gibt es an sich nicht.

es gibt für problembrowser (box-model-bug im ie, darstellungsunterschiede im nn / op usw.) sogenannte "hacks" (box-model-hack nach tantek, "child-elemente" für nn / op / moz u.v.m.). diese werde ich dann mal bei bedarf erläutern - das ist schon ein wenig tieferes css - aber wenn mal solche probleme auftauchen: nur her damit