CSS Stile werden in den Browsern nicht mehr angezeigt!

Zimbo95 · 01.08.2012

Hei,

seit gestern habe ich wieder angefangen eine Homepage für meinen Bekannten zu erstellen. Soweit hat alles gekplatt (Hintergrund, text usw). In der Live-View sieht alles noch sauber und richtig aus doch im Browser werden meine CSS Stile (Schatten usw) nicht mehr angezeigt. Ich habe mich durch Foren gekämpft aber irgendwie komm ich nicht weiter. Ich hoffe mir kann einer von Euch helfen woran das liegen könnte. (CSS ist alles richtig geschrieben und es liegt auch kein fehler vor)

Mit freundlichen Grüßen
Léon

msblacky · 01.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Hallo,

also ich vermute mal hier die richtige Pfadzuweisung, da solltest Du mal ein bischen probieren, es ist oft so das es lokal funktioniert aber online eben nicht, weil die richtige Pfadzuweisung falsch ist. Naja ohne Code und www-Adresse damit man sich mal den Code ansehen könnte auch schwierig zu beantworten.

msblacky

darkdevel · 01.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Zeig mal deinen Coder her dann werden wir schon eine Lösung finden. Bei welche Browser hast du denn das Problem. Hört sich nämlich so an als würde der IE die Shadows nicht richtig anzeigen

Zimbo95 · 01.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{
background-image: url(Images/bg/bhhomepage0.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}
.textcontainer{
width: 880px;
margin-right: auto;
margin-left: auto;
margin-top: 100px;
}
.box{
float: left;
width: 500px;
background-color: #000000;
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
}
.boxtext{
float: right;
width: 450px;
margin-top: 25px;
}
.image{
float: left;
width: 50px;
clear: right;
}
body,td,th{
font-family: "Arial Rounded MT Bold";
font-size: 12px;
color: #FFF;
}
</style>
</head>

<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="textcontainer">
<div align="center">
<p><img src="Images/Logos/battlefield-3-logo.png" width="515" height="95" alt="Battlefield" /></p>
<p> </p>
<div class="box">
<div class="image"><img src="Images/Packshots/QQCDi.png" width="50" height="71" alt="Armored Kill" /></div>
<div align="left" class="boxtext">
Das neue DLC kommt raus, und auch wir werden es uns holen!</div>
</div>
<p align="left"> </p>
</div>
</div>
<p> </p>
</body>
</html>

Ich habe die Stile extern und Intern ausprobiert. Keine von beiden Funktioniert.
das gleiche ist mir bei meiner Homepage auch schon passiert.

Es Funktioniert leider bei beiden Browsern nicht. Dreamweaver hat auch keine Lösung parat.

darkdevel · 01.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Also ich gebe deb Schatten immer so ein

box-shadow: 1px 1px 5px 2px #000000;
-moz-box-shadow: 1px 1px 5px 2px #000000;
-webkit-box-shadow: 1px 1px 5px 2px #000000;

Bei dir finde ich die erste Zeile vom Boxshadow nicht. Vielleicht liegt es daran

Zimbo95 · 02.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

DANKE!!! Nach langer suche hat endlich was geholfen

die erste Zeile hat gefehlt und jetzt funktionierts auch wieder

war schon am verzweifeln ^^
Aber eine frage hätte ich noch, wie kann man eine Textbox erstellen die, wenn man den cursor draufzieht am rand dann ein z.B. Weiser schatten ist? Also ein Schwarzer zu einem weisen schatten wird?

darkdevel · 02.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Leg für die Textbereiche einen Hover an mit dem passenden Boxshadow. Wenn man die Webseite anschaut ist alles normal und wenn du mit der Maus dann über den gewissen Bereich gehst hast du den Hover drin der den Shadow ändert

Myhar · 02.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

@darkdevel und Zimbo95:
Ihr solltet beide den korrekten Umgang mit Vendor-Präfixen lernen. Es gibt nämlich nicht nur -moz und -webkit, sondern auch noch -o und -ms (Für Opera und Microsoft). Des weiteren wird der Standardwert immer als letztes geschrieben. Aus folgendem Grund: Wird ein Vendor-Prefix durch die offizielle Standardvariante abgelöst, aber der Präfix zB weiter unterstützt, so wird die offizielle (und einheitliche Umsetzung) angewandt.
Bei box-shadow (oder auch border-radius, etc.) wird der Präfix für aktuelle Browserversionen nicht mehr benötigt. Hier trotzdem ein Beispiel, wie die korrekte Reihenfolge mit Präfixen lautet

Code:

-o-box-shadow: 1px 1px 5px 2px #000000;
-ms-box-shadow: 1px 1px 5px 2px #000000;
-moz-box-shadow: 1px 1px 5px 2px #000000;
-webkit-box-shadow: 1px 1px 5px 2px #000000;
box-shadow: 1px 1px 5px 2px #000000; /*Standard als letztes!*/

Auch solltest du dir einen sauberen Code Stil angewöhnen Zimbo95. Abstände werden nicht mittels leerer Absätze realisiert sondern mit margins und paddings im CSS. Auch gibt es das Attribut align bei einem div nicht. Das wird ebenfalls über CSS gesteuert.
Ich kann dir also empfehlen, lerne nochmals die Grundlagen von CSS/HTML.

owieortho · 02.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Wenn Du Dein CSS validieren lässt, bekommst Du auch schon einen Hinweis, wo das Problem liegt. Das nur zur Ergänzung von darkdevels zweiten Kommentar.

O

darkdevel · 02.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Mensch die beiden habe ich doch glatt vergessen. Mist ich wollte nur helfen und habe dabei zwei wichtige Sachen nicht beachtet tut mir leid

Myhar · 02.08.2012

AW: CSS Stile werden in den Browsern nicht mehr angezeigt!

Kein Grund sich zu entschuldigen. Es gibt zu viele Leute, welche die anderen Browser vergessen. Und damit Zimbo es nicht von Anfang an falsch lernt, wollte ich ihn (euch) darauf hinweisen. Auch die falsche Reihenfolge wird oft genug produktiv eingesetzt.

Zimbos Frage mit dem Schatten hast du ja bereits beantwortet. Da gibt es nichts hinzuzufügen. Aber hat Zimbo das gewünschte Ergebnis erreicht?