Gegen Bilderklau - Das Original | Homepagehilfe - Archiv

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] CSS-Optimieren für IE

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | Thema zu Favoriten hinzufügen

CSS-Optimieren für IE

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Sportfreundin Sportfreundin ist weiblich

Pfeffernase ;)

Dabei seit: 25.09.2006
Beiträge: 538

CSS-Optimieren für IE

Zitatantwort auf diesen Beitrag erstellen

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

__________________

Klick

Dieser Beitrag wurde 11 mal editiert, zum letzten Mal von Sportfreundin: 28.09.2009 11:30.

25.09.2009 11:28

Nehmen Sie Sportfreundin in Ihre Freundesliste auf

SaraliebtPferde SaraliebtPferde ist weiblich

nananna.

Dabei seit: 07.09.2005
Beiträge: 5.090

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

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von SaraliebtPferde: 25.09.2009 13:24.

25.09.2009 13:01

Nehmen Sie SaraliebtPferde in Ihre Freundesliste auf

MSN Passport-Profil von SaraliebtPferde anzeigen

Sportfreundin Sportfreundin ist weiblich

Pfeffernase ;)

Dabei seit: 25.09.2006
Beiträge: 538

Themenstarter Thema begonnen von 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...

__________________

Klick

25.09.2009 16:49

SaraliebtPferde SaraliebtPferde ist weiblich

nananna.

Dabei seit: 07.09.2005
Beiträge: 5.090

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

25.09.2009 17:31

Sportfreundin Sportfreundin ist weiblich

Pfeffernase ;)

Dabei seit: 25.09.2006
Beiträge: 538

Themenstarter Thema begonnen von Sportfreundin

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

Alisa

__________________

Klick

25.09.2009 19:57

Sportfreundin Sportfreundin ist weiblich

Pfeffernase ;)

Dabei seit: 25.09.2006
Beiträge: 538

Themenstarter Thema begonnen von Sportfreundin

kann mir niemand helfen?

__________________

Klick

01.10.2009 15:33

Julia712 Julia712 ist weiblich

Mitglied

Dabei seit: 28.11.2006
Beiträge: 2.262

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

01.10.2009 15:47

Nehmen Sie Julia712 in Ihre Freundesliste auf

Baumstruktur | Brettstruktur

Gehe zu:

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] CSS-Optimieren für IE

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH