PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
r

stylesheet werkt niet met FF

Door rrrrrrromia op 22-01-2006 14:26
1.627 views
Dit heeft niet echt met php te maken, maar ik gebruik een stylesheet die wel werkt met IE, maar niet met Firefox. Hoe komt dat? Hier is wat ik gebruik:

<style type="text/css">
<!--
body {
{scrollbar-face-color: #E96C40;
scrollbar-shadow-color: #E32D1D;
scrollbar-highlight-color:#E32D1D;
scrollbar-3dlight-color: #E32D1D;
scrollbar-darkshadow-color:#E32D1D;
scrollbar-track-color: #E32D1D;
scrollbar-arrow-color: #E32D1D;
background-color:#E32D1D;
font-family: tahoma;
font-size: 9px;
}

table { background-color:#E96C40;
border-bottom:1pt solid #E96C40;
}

.side { background-color:#E96C40; }

.small { font-family: Tahoma;
font-size: 7px;
text-align: center; }

body, div, td, html, font, p {
color:#E32D1D;
font-family: tahoma;
font-size: 9px;
text-align:justify;
line-height: 12px;
letter-spacing: 0px;
}

A:link, A:active, A:visited {
color: #E32D1D;
font-weight: bold;
text-decoration: none;
cursor: none;
}

A:hover {
color: #ffffff;
font-weight: bold;
text-decoration: none;
cursor: none;
border-bottom: #E32D1D 2px dotted
}

input, textarea, option, select {
background-color: #E96C40;
font: 9px tahoma;
color: #ffffff;
letter-spacing: 1px;
border: 1px solid #E32D1D;
padding:2px; }


h2 {
font-family: Tahoma;
font-size: 9px;
color: #E32D1D;
letter-spacing: 0px;
word-spacing: 2px;
border-bottom: 1px solid #E32D1D;
background-color: #E96C40;
text-align: left;
line-height: 13px;}

.h2 {
font-family: Tahoma;
font-size: 9px;
color: #E32D1D;
letter-spacing: 0px;
word-spacing: 2px;
border-bottom: 1px solid #E32D1D;
background-color: #E96C40;
text-align: left;
line-height: 13px;}
.h2b {
font-family: Tahoma;
font-size: 9px;
color: #E32D1D;
letter-spacing: 0px;
word-spacing: 2px;
border-bottom: 1px solid #E32D1D;
background-color: #E96C40;
text-align: justify;
line-height: 13px;}

i{
color: #ffffff;
line-height: 12px;
letter-spacing: 0px;
font-family: Tahoma;
font-size: 9px;
}

b{
color: #ffffff;
line-height: 12px;
letter-spacing: 0px;
font-family: Tahoma;
font-size: 9px;
}

u{
color: #E32D1D;
line-height: 12px;
letter-spacing: 0px;
font-family: Tahoma;
font-size: 9px;
}

#pngIE {
fillter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/site/guestbook.png');
background-repeat:no-repeat;
}

#pngFF{
background-image:url(images/site/guestbook.png);
background-repeat:no-repeat;
}

-->
</style>

?
Onbekende gebruiker
22-01-2006 14:40 gewijzigd op 22-01-2006 14:41
IE kan van elke berg rotzooi een plaatje van maken.

Maar nu een paar fouten:

  • [item]body {
    {scrollbar-face-color: #E96C40; ......

    Je moet hier één { weghalen[/item]
    [item]A:link, A:active, A:visited
    A moet een a zijn
    [/item][item]Scrolbalk kleuren werkt alleen in IE. Moet je ook gewoon niet doen[/item]



Ook voor de rest door de validator halen die hierboven wordt genoemd.
B
Barman V
22-01-2006 14:56
Net als de filterfunctie werkt in FireFox ook niet.
B.v.
fillter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/site/guestbook.png');

Het is zeer bekend dat IE anders is dan Firefox op het gebied van CSS.
W
Winston Smith
22-01-2006 14:59
Als je je scrollbar en andere IE-typische dingen wilt houden, kan je ook gewoon 2 stylesheets maken. Eéntje voor FF en andere browsers, en ééntje voor IE.

Later kan je dan een regeltje maken om te kijken met welke browser wordt gesurft en daarop de stylesheet aanpassen.
?
Onbekende gebruiker
22-01-2006 16:23
Over de filter zegt ie dit(terecht, hoort niet bij de CSS2 Standaard)

Parse Error - DXImageTransform.Microsoft.AlphaImageLoader(src=images/site/guestbook.png');
Jeroen Spaans
17-09-2007 16:54
klopt het dat in firefox de function dotted niet werkt, want ik krijg daar vierkantjes mee
K
Kalle P
17-09-2007 17:06
dotted is vierkantjes. Voor rondjes als border zal je een rondje moeten maken als plaatje en die laten repeaten.
Jeroen Spaans
17-09-2007 17:08
in IE maakt die der anders wel rondjes van
F
Frank -
17-09-2007 17:13
Jeroen Spaans schreef op 17.09.2007 17:08
in IE maakt die der anders wel rondjes van
En wat wil je daarmee zeggen?

<mening>IE is een klote browser die schijt heeft aan standaarden.</mening>

Reageren

Inloggen om te reageren