[CSS] CSS-Optimieren für IE

Sportfreundin

Hi!
Ich versuche gerade zum ersten mal einen externen CSS-Stylesheet zu erstellen. Teilweise auch erfolgreich. Aber nun komme ich nicht mehr weiter.

Bei diesem Kontakt formular: KLICK

funktioniert dieser Stylesheet nicht:

body {

scrollbar-highlight-color:#AFACA8;
scrollbar-arrow-color:##656058;
scrollbar-3dlight-color:#AFACA8;
scrollbar-base-color:#AFACA8;
scrollbar-darkshadow-color:#656058;
scrollbar-face-color:#AFACA8;
scrollbar-shadow-color:#656058;

scrolling="auto"

background-position: top center;
background-repeat: no-repeat;
background-color:#AFACA8;

text-align:center;
margin:0px 0px 15px 0px;
padding:0px;
font:normal 12px/170% "Trebuchet MS";
background:#AFACA8;
color:#000000;

}
h1
{
color: #ED3597;
border bottom: #FFFFF;
}
table
{
font:normal 12px/170% "Trebuchet MS";
color:#000000;
}
input {
background:#656058;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
font:normal 12px/170% "Trebuchet MS";
border:1px dotted #000000;
color:#000000;
padding:5px 8px 5px 8px;
overflow:visible;
}
textarea{
background:#656058;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
font:normal 12px/170% "Trebuchet MS";
border:1px dotted #000000;
color:#000000;
padding:5px 8px 5px 8px;
overflow:visible;
}

input:hoverarea:hover {
color:#AFACA8;
border:1px solid #000000;
}
input:focus {
color:#AFACA8;
border:1px solid #000000;
}
textarea:hover {
color:#000000;
background:#AFACA8;
border:1px solid #000000;
}
textarea:focus {
color:#AFACA8;
border:1px solid #000000;
}
input{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
font:bold 12px/170% "Trebuchet MS";
border:1px dotted #000000;
color:#000000;
overflow:visible;
background:#656058;
padding:4px 10px 4px 10px;
}
input:hover {
background:#C7247A;
cursor:pointer;
}
Der rot-markierte Teil lässt sich anwenden,wie ihr seht.
Der blaue Teil funktioniert gar nicht, denn es ändert sich GAR nichts wenn ich mit der Maus über die Textarea, oder das Eingabefeld gehe.

Könnt ihr mir helfen?

Alisa

SaraliebtPferde

Der Link geht nicht Augenzwinkern

und müsste das nicht eigentlich nur jeweils input, textarea, submit etc. heißen? Also ohne dies [=text] und sowas. Und wenn du die noch differenzieren willst, müsstest du glaub ich mit id oder class arbeiten Augenzwinkern

Also eigentlich reicht bei mir immer
textarea {
befehle;
}

Sportfreundin

sorry link hab ich geändert.

Aber es funktioniert immer noch nicht.
hab das mit der hoverare geändert, klappt aber trotzdem nicht...

Ich editier oben mal den neuen Code...

SaraliebtPferde

Bei mir funktioniert alles? In IE geht es nicht, aber bei mir in MF geht alles problemlos Augenzwinkern

Sportfreundin

ah ok, weißt du evtl. wie man es fürIE optimieren kann?

Alisa

Sportfreundin

kann mir niemand helfen?

Julia712

Hey,

wirklich helfen kann ich die leider auch nicht =(
Das Problem ist, dass der IE sich nicht unbedingt mit CSS verträgt und einiges gar nicht oder falsch interpretiert.
Deshalb gibt es die Möglichkeit, für Benutzer mit dem IE eine zusätzliche CSS-Datei einzubinden.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

<head>
  <title>CSS-basiertes Layout</title>
  <link rel="stylesheet" type="text/css" href="basis.css">

  <!--[if IE]>
    <style type="text/css">@import url(ie.css);</style>
  <![endif]-->
</head>

So sollte es zB aussehen, dann kannst du das normale Stylesheet einbauen und für Benutzer mit dem IE noch ein anderes, separates Stylesheet zusätzlich nutzen.

Dort könntest du dann zB andere Befehle einbauen mit denen es nicht perfekt ist aber zumindenst funktioniert.

Ob dir das wirklich weiterhilft weiß ich nicht,
aber wollte es zumindenst versuchen Augenzwinkern

Lg, Julia

Forensoftware: Burning Board, entwickelt von WoltLab GmbH