• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS wird nicht erkannt

adidadidu

Neues Mitglied
Hi!
Ich hab bei meiner Webseite, dass Problem, dass mein CSS irgendwie nicht erkannt wird.
Safari erkennt die einzelnen Container, aber nicht die Style-Attribute die diese haben.
Es wird nur der Text (unformatiert) angezeigt.
Die Pfade sind alle korrekt, hab ich schon überprüft.
Danke im Voraus, adidadidu

index.html :
Code:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us" />
<title>Title</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="box1">
<div id="gradient">
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris ac lacus.
</div>
</div>
</div>
</body>
</html>


style.css :
Code:
body { 
    -webkit-text-size-adjust: none;
}

.box1 { 
    overflow: visible; 
	background-image: url(http://www.domain.com/images/box1_bg.png) repeat;
	background-color: transparent;
	height: 720px;
	min-width: 960px;
	width: 1425px;
	top: 0px;
}

.gradient { 
    overflow: visible; 
	background-image: box1_bg.png;
	background-image: -webkit-gradient(radial, 50% 50%, 700, 50% 50%, 0, from(rgba(0, 0, 0, 0.9)), to(transparent));
	height: 720px;
	min-width: 960px;
	top: 0px;
}
 
Zuletzt bearbeitet:
Deine CSS-Datei ist korrekt eingebunden.
Die Angaben greifen deshalb nicht, weil sie zum teil falsch referenziert oder fehlerhaft sind:

So verweist du im HTML-Teil auf einen div id "box1".
In CSS hast du aber für box1 eine Klasse definiert.

Diese Angabe
Code:
background-image: box1_bg.png;
ist so nicht korrekt, siehe background-image: Hintergrundbild: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Dann verwendest du CSS-Eigenschaften nach dem noch nicht offiziellem Standard von CSS 3. Die werden zur Zeit noch nicht von allen Browsern umgesetzt.

Überprüfe also nochmal deine CSS-Datei, sind evtl. noch mehr Fehler drin.
 
Ah ok, danke!
Ich bin mit den CSS-Attributen von einer anderen Seite etwas durcheinander gekommen :S
Dass der Gradient nicht bei allen Browsern funktioniert weiß ich, nur wenn er funktioniert ist die Ladezeit der Webseite fast 0.
 
Zurück
Oben