hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
den7
Beiträge: 280
21. Mai 2004, 14:38
Beitrag #1 von 8
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


hallo zusammen

Ich habe in meinem css eine linkdefinition gemacht mit visited. das css wird unterschiedlich im browser ie 5 5.5 6 definiert. gibt es da eine Möglichkeit, dies richitgzustellen, dass es auf allen browser richtig läuft?

Vielleicht müsste ich noch erwähnen, dass es im CMS Programm ausgeführt werden sollte. Hat dies auch noch einen Einfluss auf CSS?

Gruss und danke fürs feedback
den Top
 
X
Kusi
Beiträge: 1398
21. Mai 2004, 15:48
Beitrag #2 von 8
Beitrag ID: #86604
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Hi
Soviel ich weiss, sollten diese Browser das gleich darstellen. Kannst du mal den Code des CSS hier veröffentlichen, mal sehen, was du alles zugewiesen hast.

Gruss
Kusi

http://www.k-k.ch
als Antwort auf: [#86585] Top
 
r a c
Beiträge: 955
21. Mai 2004, 16:26
Beitrag #3 von 8
Beitrag ID: #86616
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Hallo,

…Browser abhängig?…
Ja, insofern, dass bei älteren Browsern CSS nicht, oder nicht vollständig integriert ist.

…dass es auf allen browser richtig läuft?…
Nein, was ein alter Browser nicht kann, das kann er nicht. Deshalb die neuen Versionen.

Aber konkret: Probleme macht vorallem NN 4.x.
Bei IE 5, 5.5 und 6 wird es kaum am Browser liegen, sondern an deinem CSS.
:visited ist CSS 1, das muss gehn.

Grüsse r a c
als Antwort auf: [#86585] Top
 
den7
Beiträge: 280
24. Mai 2004, 11:07
Beitrag #4 von 8
Beitrag ID: #86881
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Wie meinst du das visited ist css1?
-Dass der visited begriff mit Browser Version eins funktioneren sollte??

hier einmal einen ausschnitt des CSS, ganz unten sieht man den Visited Hinweis:

grüesse
Den7

******************************************************
.dynamischnavtext
{
FONT: 9pt, Arial, Verdana;
TEXT-TRANSFORM: none;
COLOR: #666666;
TEXT-DECORATION: none
}
.dynamischnavtextZusatz
{
FONT: 9pt, Verdana, Arial;
TEXT-TRANSFORM: none;
COLOR: #666666;
TEXT-DECORATION: none
}
A:hover
{
COLOR: #ff1a00
}
A
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #666666;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: underline
}
A.Navigation:hover
{
COLOR: #ff1a00
}
A.Navigation
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #666666;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: none
}
A.NavigationZusatz:hover
{
}
A.NavigationZusatz
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-SIZE: 7pt;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #ffffff;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: none
}
A.NavigationZusatz_Close
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-SIZE: 7pt;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #636563;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: none
}
A.Verweis:hover
{
FONT-SIZE: 9pt;
COLOR: #ff1a00;
FONT-FAMILY: arial,helvetica
}
A.Verweis
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-SIZE: 9pt;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #666666;
BORDER-BOTTOM: medium none;
FONT-FAMILY: arial,helvetica;
TEXT-DECORATION: none
}
BODY
{
FONT-SIZE: 9pt;
FONT-FAMILY: Arial,Verdana;
BACKGROUND-COLOR: #f8f8f8
}
BODY.margin
{
LEFT: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
POSITION: absolute;
TOP: 0px
}
DIV.green
{
LEFT: 193px;
BORDER-LEFT: #008837 2px solid;
WIDTH: 4px;
POSITION: absolute;
TOP: 98px;
HEIGHT: 200px
}
DIV.red
{
BORDER-TOP: #ff1a00 2px solid;
LEFT: 200px;
WIDTH: 200px;
POSITION: absolute;
TOP: 96px;
HEIGHT: 4px
}
DIV.greenRight
{
LEFT: 766px;
BORDER-LEFT: #008837 2px solid;
WIDTH: 4px;
POSITION: absolute;
TOP: 98px;
HEIGHT: 200px
}
DIV.redRight
{
BORDER-TOP: #ff1a00 2px solid;
LEFT: 777px;
WIDTH: 200px;
POSITION: absolute;
TOP: 96px;
HEIGHT: 4px
}
.subtitle1
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #fdb357;
FONT-FAMILY: Arial
}
.subtitle2
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #688cc0;
FONT-FAMILY: Arial
}
.subtitle3
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #63CF63;
FONT-FAMILY: Arial
}
.subtitle4
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #fc764a;
FONT-FAMILY: Arial
}
.subtitle5
{
BORDER-TOP: #fc764a 1px;
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #cc99cc;
FONT-FAMILY: Arial
}
.subtitle6
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #333399;
FONT-FAMILY: Arial
}
.subtitle7
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #00733E;
FONT-FAMILY: Arial
}
.title
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: black;
FONT-FAMILY: Arial
}
.title1
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #fdb357;
FONT-FAMILY: Arial
}
.title2
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #688cc0;
FONT-FAMILY: Arial
}
.title3
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #63CF63;
FONT-FAMILY: Arial
}
.title4
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #fc764a;
FONT-FAMILY: Arial
}
.title5
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #cc99cc;
FONT-FAMILY: Arial
}
.title6
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #333399;
FONT-FAMILY: Arial
}
.title7
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #00733E;
FONT-FAMILY: Arial
}
IMG.Imgtyp1
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
WIDTH: 210px;
HEIGHT: 138px
}
IMG.Imgtyp2
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
WIDTH: 83px;
HEIGHT: 61px
}
IMG.Imgtyp3
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
WIDTH: 146px;
HEIGHT: 98px
}
TD.ContentSubtitle
{
FONT-SIZE: 10pt;
COLOR: #000000;
FONT-FAMILY: Arial
VERTICAL-ALIGN: top;
HEIGHT: 80px
}
TD.Content
{
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: Arial
}
TD.Panel
{
FONT-FAMILY: Arial;
BACKGROUND-COLOR: lightgreen
}
.ContentDate
{
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
FONT-FAMILY: Arial
}
TD.ProductTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Arial
}
TD.NewsTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: Arial
}

/*ANI, changed news from NewsTitle to this*/
TD.NewsTitleList
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: Arial
}
TD.NewsTitleList A:visited /*ANI, 14.04.2004*/ /*FED 20.04.2004*/
{
COLOR: #969696
}
/*******************************************/

TD.TeaserTitle
als Antwort auf: [#86585] Top
 
SabineP  M 
Beiträge: 7586
24. Mai 2004, 13:45
Beitrag #5 von 8
Beitrag ID: #86918
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Hallo den,

ich empfehle Dir, daß Du Dein CSS mal hier überprüfst:
http://jigsaw.w3.org/css-validator/

Da sind einige Fehler drin.

Gruß Sabine
als Antwort auf: [#86585] Top
 
r a c
Beiträge: 955
24. Mai 2004, 15:28
Beitrag #6 von 8
Beitrag ID: #86937
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Hallo,

…Dass der visited begriff mit Browser Version eins funktioneren sollte?…
Nein!
Die Pseudoclass :visited gehört zur ersten Version CSS und wird von allen Browsern unterstützt, die überhaupt CSS unterstützen. Die erste Generation Browser ist das natürlich nicht.

Du brauchst nicht wirklich riesige Teile Quellcode zu posten. Besser du kopierst nur die Stellen, die von Belang sind. Also z.B. diese Stelle:

A.NavigationZusatz:hover
{
}

Was erwartest du, dass hier angezeigt werden soll?
als Antwort auf: [#86585]
(Dieser Beitrag wurde von r a c am 24. Mai 2004, 15:30 geändert)
Top
 
r a c
Beiträge: 955
24. Mai 2004, 15:42
Beitrag #7 von 8
Beitrag ID: #86939
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Nachtrag:
http://selfhtml.teamone.de/...d_hover_active_focus

Du siehst an den Symbolen, dass :hover seit NN4 und IE3 unterstützt wird.

Grüsse r a c
als Antwort auf: [#86585] Top
 
Kusi
Beiträge: 1398
24. Mai 2004, 18:36
Beitrag #8 von 8
Beitrag ID: #86970
Bewertung:
(1847 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS - Browser abhängig?


Und noch ein kleiner Hinweis:
Schaue, das der Hover immer am Schluss der gleichen Gruppe der Linkdefinitionen ist. Da spinnen manche Browser, wenn der nicht zu letzt ist.

Gruss
Kusi

http://www.k-k.ch
als Antwort auf: [#86585] Top
 
X