Gegen Bilderklau - Das Original | Druckvorschau: CSS-Optimieren für IE

Geschrieben von Sportfreundin am 25.09.2009 um 11:28:

CSS-Optimieren für IE

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

Geschrieben von SaraliebtPferde am 25.09.2009 um 13:01:

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;
}

Geschrieben von Sportfreundin am 25.09.2009 um 16:49:

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...

Geschrieben von SaraliebtPferde am 25.09.2009 um 17:31:

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

Geschrieben von Sportfreundin am 25.09.2009 um 19:57:

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

Alisa

Geschrieben von Sportfreundin am 01.10.2009 um 15:33:

kann mir niemand helfen?

Geschrieben von Julia712 am 01.10.2009 um 15:47:

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