✔ CSS-Datei wird nicht ausgelesen IE

Status
Nicht offen für weitere Antworten.
A

Arndtinho

Erfahrenes Mitglied
Hallo,

in einem Projekt von mir, wird die CSS-Datei vom IE nicht interpretiert. Im Firefox hingegen schon. Ich finde einfach den Fehler nicht. Hier ist der Code:
HTML: 
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" 
"http://www.wapforum.org/DTD/xhtml-mobile12.dtd">

<html>
  <head>
    <title>Projekt-Titel</title>
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8">  
   
    <link rel="stylesheet" href="style.css" type="text/css">
  
  </head>

<body>
  
  <div id="container">
  
    <table width="220" border="0">
      <tr>
        <td>
           .....
        </td>
      </tr>
    </table>
  </div>
</body>
</html>
und vom CSS
Code: 
#container {
   ...
}
Vielleicht fällt Euch ja was auf.

Gruß
Arndtinho

PS: Frohe Weihnachten!
 
Das Dokument ist auch weder gültig noch wohlgeformt.

Hier das Grundgerüst eines XHTML-Mobile-1.2-Dokuments:
HTML: 
<!DOCTYPE html PUBLIC "-//OMA//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Projekt-Titel</title>
</head>

<body>
	…
</body>
</html>
Der Internet Explorer kann übrigens noch kein XHTML.
 
Hallo an alle.

ich habe das gleiche Problem, welches nur im Internet Explorer auftritt.

(Ich muss dazu sagen, ich bin Anfänger)


Mein Code bis </head> aus der header.php

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//DE">
<html>
<head>
<title>..:: ... ::..</title>

<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" type="text/css" href="format.css">
<link rel="shortcut icon" href="grafiken/favicon.ico" >
</head>
Zum Vergrößern anklicken....
Woran kann es liegen?
 
Zuletzt bearbeitet:
Hi,

an dem gezeigten Quellcode-Ausschnitt kann ich keinen Fehler ausmachen, der den IE zur "Arbeitsverweigerung" veranlassen könnte. Ebenso konnte ich beim Testen das Problem nicht reproduzieren, sprich: das "Test-Stylesheet" wurde vom IE problemlos in das Dokument geladen.

Von daher ist der Grund an einer anderen Stelle - vermutlich im CSS-Code - zu suchen, weshalb der IE die CSS-Datei nicht in das Dokument lädt.

Wie lautet denn der übrige Quellcode des Dokuments und der des Stylesheets format.css? Stimmt der Pfad zur CSS-Datei?
 
Es kann auch sein, dass du im CSS Queltext fehler hast.
Ist in einem Projekt von mir auch mal so gewesen.
FF und Opera zeigte alles korrekt an blos der IE hatte schwierigkeiten gemacht und hatte kein CSS Intepretiert :).

Zeig einfach mal den CSS Code

Sonnige Grüße,
cille
 
Hallo,,

ich muss dazu sagen, dass der Internet Explorer die css erst dann ausließt, nachdem ich F5(aktualisieren) gedrückt habe. Dann geht es. Gehe ich jedoch auf eine andere seite, liest er sie schon wieder nicht aus. Ich stelle den Quellqode mal kmpl rein

header.php

Code: 
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//DE">
<html>
<head>
<title>..:: ... ::..</title>

<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" type="text/css" href="format.css">
<link rel="shortcut icon" href="grafiken/favicon.ico" >
</head>
<body>


<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" width="950" align="center"><img width="950" src="grafiken/header_banner.jpg" border="0"></td>
</tr>
</table>

<table align="center" background="grafiken/underbanner.gif" width="950" height="10">
<tr align="center">
<td>
[&nbsp;<a href="index.php" onmouseover="window.status='Home'; return true">Home</a>&nbsp;][
       <a href="links.html" onmouseover="window.status='Links'; return true">Links</a>&nbsp;][
       <a href="bindeanleitungen.php" onmouseover="window.status='Bindeanleitungen'; return true">Bindeanleitungen</a>&nbsp;][
       <a href="gbuch.html" onmouseover="window.status='Gästebuch'; return true">Gästebuch</a>&nbsp;][
       <a href="forum/index.php" onmouseover="window.status='Forum'; return true">Forum</a>&nbsp;]



</td>
</tr>
</table>

index.php

Code: 
<table align="center" border="1" bordercolorlight="#669966" bordercolordark="#000000" cellpadding="0" cellspacing="0" width="950" hspace="0"><tr><td>

<?php include ("header.php"); ?>
<!--Main-->
<table height="450" width="950" bgcolor="#ceeec3" align="center" cellspacing="0" cellpadding="0" border="0" background="grafiken/start_back.gif">
<tr><td>




<table align="center" width="90%" height="90%">


	<tr valign="top">
		<td valign="top" align="center">

		<?php include ("startseite/news_start.php"); ?>

		</td>

		<td valign="top" align="center">

		<?php include ("startseite/bindeanleitungen_start.php"); ?>

		</td>

		<td valign="top" align="center">

		<?php include ("startseite/galerie_start.php"); ?>

		</td>


         </tr>















</table>





</td></tr>
</table>
<!--Ende-->

<?php include ("footer.php"); ?>

</td></tr></table>


footer.php

Code: 
<table border="0" align="center" width="950" background="grafiken/underbanner.gif" >
<tr>
<td align="left">

Besucher seit dem 01.04.2007
</td>
<td align="center"><font size="-2">Letztes Update: 24.03.07</font></td>
<td align="right">
<a href="formular.php" onmouseover="window.status='Kontakt'; return true">Kontakt</a>&nbsp;|
<a href="haftungsausschluss.php" onmouseover="window.status='Haftungsausschluss'; return true">Disclaimer</a>&nbsp;|
<a href="impressum.php" onmouseover="window.status='Impressum'; return true">Impressum</a>

</td>
</tr>
</table>

</td></tr></table>
<!--Down Ende-->



</body>
</html>


und hier die format css
Code: 
body
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;

scrollbar-base-color:#def1ce;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#77856b;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#bacaad;
scrollbar-highlight-color:#5C6167;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#A2C08A;

	background-color: #f4faf2;
	background-image:url(grafiken/back1.gif); background-repeat: repeat;
	font-style: normal;
	font-size: 12px;
         color="#000000"
         }
td
{
         font-size: 12px;
         color="#000000"
         }



tr
{
	font-size: 12px;
         color="#000000"
	}

a:link {
	text-decoration:none;
	color: #000000;
}
a:active {
	text-decoration:none;
	color: #000000;
}
a:visited {
	text-decoration:none;
	color: #000000;
}
a:hover { text-decoration:italic;
    color:#2F6A00}
 
Zuletzt bearbeitet:
Hi,

bei mir lädt der IE das Stylesheet in das Dokument - schön zu erkennen an den eingefärbten Scrollbalken.

Mir ist im Stylesheet aufgefallen, dass du in manchen Regelblöcken nach der color-Eigenschaft ein Gleichheitszeichen anstelle des Doppelpunktes notiert hast.
 
Ahjo,
ich glaube das ist der Fehler. Das ist mir von alleine nicht aufgefallen. Ich meine mal gelesen zu haben, dass die klassischen html zeichensätze wie = und " nichts in der css zu suchen haben.
Ich werde es ausbessern und testen und im erfolgsfall berichten ;)

Danke und Gruss
 
Ne, nur teilweise. Zwar geht der teil hier
a:link {
text-decoration:none;
color: #000000;
}
a:active {
text-decoration:none;
color: #000000;
}
a:visited {
text-decoration:none;
color: #000000;
}
a:hover { text-decoration:italic;
color:#2F6A00;}
Zum Vergrößern anklicken....

der rest aber leider nicht. Also schriftgrösse, Scrollbalken, etc. Nur der mouseover effekt
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück