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

Css-Datei in html-Seite einbinden

U

Utopia

Guest
Hallo,

ich habe das Problem, dass bei mir eine Einbindung einer css-Datei in einer html-Seite einfach nicht funktioniert. Ich habe überall in Foren nach einer Lösung gesucht, habe aber nichts gefunden. Ich habe sogar die die css- und html-Datei vom W3C-Validator validieren lassen - ohne Fehler. Deswegen habe ich mich jetzt hier in dem Forum angemeldet, in der Hoffnung, dass hier irgendjemand die Lösung weiß.

Html-Seite:
<?xml version="1.0"?>
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test</title>
<link rel="stylesheet" type="text/css" href="formate2.css" />
</head>
<body style="background-color:#add8e6; padding:0pt; margin: 0pt;">
<div id="box1">
<div style="border:0px; background-color: yellow; margin:10pt; padding:0pt; width:130pt;">
<p>Navigation</p>
</div>
</div>
<div id="box2" style="position: absolute; left:180pt; top:15pt; -moz-border-radius:10pt; border:0px; background-color: white; margin:0pt; padding:0pt; height:10cm; width:525pt;">
<div style="border:0px; background-color: yellow; margin:10pt; padding:10pt; height:2cm; width:50%;">
<p>Hauptseite</p>
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

Css-Datei:
p {
color: #ff0000;
font-size: 2cm;
margin: 0pt;
padding: 0pt;
}
#box1 {
position:absolute;
left: 15pt;
top: 15pt;
border: 0px;
background-color:#FFFFFF;
margin: 0pt;
padding: 0pt;
height: 20cm;
width: 150pt;
}
Zum Vergrößern anklicken....

Bei einigen Elementen habe ich noch das css in der html-Datei geschrieben, was vielleicht nicht sehr einheitlich ist, aber darauf will ich ja nicht eingehen.
Übrigens: Nur Firefox und Opera binden die css-Datei nicht ein, beim IE funktioniert es wunderbar.

Entschuldigung, dass ich für den Code Zitate verwendet habe, aber im Nachhinein kann man es ja wohl nicht ändern.
 
Zuletzt bearbeitet von einem Moderator:
hallo

du mischt xml mit xhtml
lass deine erste zeile weg
Code: 
<?xml version="1.0"?>
und ersetz das
Code: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
durch das
Code: 
<html xmlns="http://www.w3.org/1999/xhtml">


wie du schon sagtest hast du die styles halbe halbe gemacht. das ist nicht sehr gut.
mach es lieber alles in css.


dann sollte es eigendlich funktionieren

MfG ben
 
Genau das war's! Hätte ich echt nicht gedacht, dass sich css so in die Quere kommen kann. Danke!
Und das mit dem xml liegt daran, dass ich den Editor Weaverslave habe, der es immer automatisch einsetzt.
 
Hallo.

Weaversleave wird schon seit Jahren nicht mehr weiterentwickelt.
Besser auf einen aktuellen Editor umsteigen.

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben