Hallo zusammen
Ich habe da eine kleine Knacknuss mit drei Teilen:
1 - Browser
2 - Hoster
3 - CSS
Mit Hoster 1 wurde mit allen Browsern (Opera, IE, Moz) eine HTML Seite
korrekt dargestellt.
Mit Hoster 2 können Moz (+ Firebird) die CSS Statments nicht mehr interpretieren… ???
Bevor ich anfange zu basteln und einen Workaround suche, kann mir jemand das vielleicht logisch erklären, bzw. kennt die Hintergründe dieses Verhaltens )
vielen Dank und Grüsse
Peter
technische Details:
Im HTML-Gerüst wird über CSS Attribute definiert. Z.B.
soll den Hintergrund dunkelrot definieren
Einbindung der CSS-Dateien im Verzeichnis „style“
Datei „main_lay.css“
/* File main_lay.css */
/* HTML-Tag Modifikationen */
/* Style Klassen Definitionen */
/* last modificaton 1-12-02 */
/* Schrift um 10% grösser */
body.extern
{
background-color: darkred;
color: white;
font-size: 85%;
font-family:Trebuchet MS,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
a.extern
{
font-weight: bold;
link text-decoration: underlined; color: black;
active text-decoration: none; color: black;
visited text-decoration: underlined; color: black;
hover text-decoration: underlined; color: black;
}
/* Week Style Klassen Definitionen für Links auf externe URL*/
a.week
{
font-weight: bold;
link text-decoration: underlined; color: PaleGoldenRod;
active text-decoration: none; color: PaleGoldenRod;
visited text-decoration: underlined; color: PaleGoldenRod;
hover text-decoration: underlined; color: PaleGoldenRod;
}
/* URI Style Klassen Definitionen */
body.uri
{
background-color: black;
color: #00CCFF;
font-size: 85%;
text-align:center;
}
.copyright
{
font-family : Arial;
font-size : 8pt;
color:#DDDDDD;
}
a:link.uri {color:#00CCFF; text-decoration:underline; font-size: 85%; }
a:visited.uri {color:#00CCCC; text-decoration:none; font-size: 80%; }
a:hover.uri {color:blue; text-decoration:underline; }
a:active.uri {color:navy; text-decoration:underline; }
a:focus.uri {color:blue; text-decoration:underline; }
Datei „id_lay.css“
/* HTML-Tag Modifikationen */
/* Style Klassen Definitionen */
/* Style ID Class */
h1
{
text-align: center;
background-color: #CCFFFF;
}
.txtnor
{
font-size: 85%;
}
.txtnor1
{
font-size: 110%;
}
.txttit1
{
font-size: 200%;
font-weight: bolder;
font-style: oblique;
Text-Decoration: underline;
text-align:center;
}
.txttit2
{
color: white;
font-size: 160%;
font-family:Trebuchet MS,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-weight: bold;
}
.txttit3
{
color: white;
font-size: 120%;
font-family:Trebuchet MS,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-weight: bold;
}
.txturl
{
color: #00CCFF;
font-size: 60%;
font-weight: bolder;
}
/* Style ID Definitionen */
#txtalignr
{
text-align:right;
}
#txtalignl
{
text-align:leftM;
}
#txtalignc
{
text-align:center;
}
#txtred
{
color: red;
}
#txtsilver
{
color: silver;
}
#txtblue
{
color: MediumBlue;
}
#txtdblue
{
color: DarkBlue;
}
#ustrich
{
text-decoration=underline;
}
#bgcred
{
background-color: red;
}
#bgcbrown
{
background-color: #EFEFEA;
color: navy;
}
#bolder
{
font-weight: bolder;
}
#bgcyellow
{
background-color: #FFFFE0;
color: navy;
}
/* Kalender parameterisierungen */
H5 { text-align: center; }
TD H5 { color: black; }
p { background-color: yellow; }
.fs110
{
font-size : 110%;
}
/* zeilenabstand anderhalb */
.zh150
{
line-height : 150%;
}
/* zeileneinzug 1 cm */
.ze1
{
text-indent : 1cm;
}
/* zeileneinzug 2 cm */
.ze2
{
text-indent : 2cm;
}
/* Textmarkereffekt: gelb auf schwarzer Schrfit */
.tmyb
{
color : black; background: yellow;
}
/* zeigt beim mouse over den cursor als hand */
.cursorhand
}
cursor : hand;
{