css in php-dabei wird auf Webserver nicht erkannt. Aber auf XAMPP geht es.

Jannik · 19. Oktober 2016

Hallo,

ich habe zu diesem Thema schon viel gegoogelt und auch ein paar Lösungsvorschläge gefunden, die haben aber alle nicht funktioniert.

Ich hoffe dass es hier im php Bereich richtig ist, vll ist es aber auch ein Serverproblem.

Meine Website betreibe ich bei Strato (habe das PowerWeb Starter Paket)

So jetzt zu meinem Problem:

Als ich meine Seite mit XAMPP getestet habe lief alles einwandfrei. Als ich die Seite dann per FTP bei Strato hochgeladen habe funktioniert zwar die Seite, aber dass CSS (ist in einer .php date damit ich includes und variablen benutzen kann) wird nicht mehr erkannt.

Jetzt meine Frage:
Habe ich da im Code was falsch gemacht oder liegt das Problem nur an dem Start server?

Hier im Anhang mal meine Dateien:
index.php
styles_index.php
Struktur auf Webserver

Hoffe ist alles verständlich und danke schonmal für die Antworten

JR Cologne · 19. Oktober 2016

Du nutzt PHP-Code in einer CSS-Datei. Das kann nicht funktionieren.

Ändere die Dateiendung zu .php und dann sollte es klappen.

Jannik · 19. Oktober 2016

Es ist doch eine .php Datei?

JR Cologne · 19. Oktober 2016

Nö, auf dem Server sehe ich nur eine styles_index.css.

Jannik · 19. Oktober 2016

Ups sry das ist das Falsche Bild :D:D das ist von der aktuellen Website mit .html und .css

stellt euch bitte die .css als .php

JR Cologne · 19. Oktober 2016

Hm, ok. Dir werden keine Fehler angezeigt, richtig?

Setze das mal oben in die Datei:

PHP

error_reporting(E_ALL);
ini_set('display_errors', 1);

Jannik · 19. Oktober 2016

ok habe ich gemacht. Kannst aber auch gerne selber direkt mal schauen ist jetzt online:

www.feuerwehr-weitenung.de

cottton · 19. Oktober 2016

Das problem ist, dass Du vor dem header() etwas ausgibts.
Der browser bekommt das so:

Code

ï»¿
/*---------------------------------Damit es als css erkannt wird-------------------*/




/*-------------------------------------------------------Standard----------------------------------------------------*/




/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-STANDARD_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/







/*-----------------------------------Reset------------------------------------*/




html, body
{
margin:0;
padding:0;
border:0;
background: tran




...
...

Alles anzeigen

ï»¿ sagt mir, dass da was nicht stimmt ... offensichtlich

Entferne den Kommentar vor dem PHP header('Content-type: text/css')
Oder stelle ihn in PHP.

Alles was NICHT in PHP tags steht, wird direkt ausgegeben. Also an den Browser geschickt.
Dadurch ist das setzen des Headers nicht mehr möglich.

Jannik · 19. Oktober 2016

Ok habe ich gemacht. Hat der nichts gebracht. Aber ich habe hier gerade was gesehen. rechts steht MIME-typ text/html könnte dass das Problem sein? wenn ja wie kann ich das ändern.

Bild im Anhang

JR Cologne · 19. Oktober 2016

Kann das vielleicht hiermit zusammenhängen?

https://developer.mozilla.org/…rs/X-Content-Type-Options

Also, dass dieser Header auf nosniff gesetzt wurde und es deswegen blockiert wird?

Hm, kann eigentlich auch nicht sein. Gerade gesehen, dass text/css nicht geblockt wird.

cottton · 19. Oktober 2016

ist immernoch drin:

Code

ï»¿




/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-STANDARD_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/







/*-----------------------------------Reset------------------------------------*/




html, body
{
margin:0;
padding:0;

Alles anzeigen

Nicht auf Resourcen nachsehen - der Browser akzeptiert den Inhalt nicht. Daher ist das auch leer.
Unter Network findest Du alles, was übertragen wurde.

Siehe: network -> styles_index.php -> (tab) response

Jannik · 19. Oktober 2016

Müsste jetzt draußen sein, habe oben alle Kommentare gelöscht, funktioniert aber trotzdem nicht, kannst bitte nochmal schauen. danke

Jannik · 19. Oktober 2016

Habe jetzt wieder normale .css Dateien eingebunden, aber falls jemand ein Vorschlag für dieses Problem hat bitte melden.

JR Cologne · 19. Oktober 2016

Bei mir wird Folgendes angezeigt:

[Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/unbenannt78noimsupq.png]

[Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/unbenannt2qwjt2mbda0.png]

Unter Antwort ist folgender Code:

CSS

html, body
{
margin:0;
padding:0;
border:0;
background: transparent;
font-size:12px;
}




div, span, article, aside, footer header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, tbody, thead
{
margin:0;
padding:0;
border:0;
background: transparent;
vertical-align: baseline;
}




img
{
margin:0;
padding:0;
border:0;
}




table, tr, th, td, tbody, tfoot, thead
{
margin:0;
padding:0;
border:0;
background: transparent;
vertical-align: baseline;
}




table
{
border-collapse: collapse;
border-spacing: 0;
}




input, select, textarea, from, fieldset
{
margin:0;
padding:0;
border:0;
}




article, aside, dialog, figure, footer, header, hgroup, nav, section
{
display: block;
}




h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike
{
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
font-style:normal;
line-height:100%;
text-indent:0;
text-decoration:none;
text-align:left;
color:#000;
}




ol, ul
{
list-style:none;
}




html{}
body{background-color:#eeeeee;}







h1, h2, h3, h4, h5, h6
{
font-weight:bold;
color:#000;
}




h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }




h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
margin:0;




}
#wrapper				{width:900px; margin:0px auto; background-color:#FFFFFF;} 




#top					{background-color:#666666; width:100%; padding:20px 0; overflow:hidden;}




#title					{}
#title p				{color:#FFFFFF; font-size:50px; margin: 20px 0 0 200px;}




#logo					{margin:0 0 0 10px; float:left;}




#menu 					{font-size:16px; float:left; width:900px; height:40px; background-color:#AC0000;}
#menu ul 				{list-style-type:none; list-style-image:none; margin:0px; padding:0px;}
#menu li.topmenu 		{float:left;}
.topmenu a 				{float:left; text-align:center; width:100px;}
.topmenu ul				{display:none;}
.topmenu a, .submenu a	{padding:12px 20px; border-collapse:collapse; color:#FFFFFF; font-weight:bold;
						 text-decoration:none; background-color:#AC0000; margin:0;}
.submenu a				{font-size:12px; width:100px; position:relative; clear:both;}




#menu a:hover, .topmenu.on a {color:#4C4C4C; background-color:#ffddbb !important;}
.topmenu:hover ul 		{display:block; z-index:500;}







#banner					{}







#leftside				{width:180px; float:left;}
#leftside h2			{padding:15px 10px 10px 10px;}
#leftside hr			{width:160px; height:1px;}
#leftside ul li			{padding:10px 0 0 10px; font-size:13px;}




#rightside				{width:180px; float:right;}
#rightside h2			{padding:15px 10px 10px 10px;}
#rightside hr			{width:160px; height:1px;}
#rightside ul li 		{padding:10px 10px 0 10px;}
#rightside img			{padding:10px 0 0 12px;}













#footer					{clear:both; background-color:#000000; padding:10px 0;}
#footer ul li			{display:inline; color:#FFFFFF; padding:0 10px 0 10px}




#footer a:link			{color:#FFFFFF;}
#footer a:visited		{color:#FFFFFF;}
#footer a:active		{color:#FFFFFF;}
#footer a:hover			{color:#FF0000;}
#footer a:focus			{color:#FFFFFF;}





































Warning: Cannot modify header information - headers already sent by (output started at /mnt/web013/c1/42/56970742/htdocs/css/styles_index.php:1) in /mnt/web013/c1/42/56970742/htdocs/css/includes_css/variablen.php on line 2













#main					{min-height:800px; height:auto !important; background-color:#999999;} 







#rightside a:link		{color:#0000FF;}
#rightside a:visited	{color:#0000FF;}
#rightside a:active		{color:#0000FF;}
#rightside a:hover		{color:#FF0000;}
#rightside a:focus		{color:#0000FF;}




#content				{width:540px; min-height:800px; background-color:#CCCCCC; margin:0 0 0 180px;}
#content h2				{padding:15px 10px 10px 10px;}
#content hr				{width:520px; height:1px;}
#content table tr td	{padding:10px 10px 0 10px;}
#content h3				{padding:10px 10px 0 10px; text-decoration:underline;}
#content img			{float:left; margin:10px 10px 10px 10px;}
#content p				{padding:10px 10px 10px 10px; line-height:normal;}




#content a:link			{color:#0000FF;}
#content a:visited		{color:#0000FF;}
#content a:active		{color:#0000FF;}
#content a:hover		{color:#FF0000;}
#content a:focus		{color:#0000FF;}

Alles anzeigen

Hast du vielleicht noch ein Leerzeichen o.ä. vor dem PHP-Block?

Das verwirrt mich gerade ziemlich:

PHP

(output started at /mnt/web013/c1/42/56970742/htdocs/css/styles_index.php:1) in /mnt/web013/c1/42/56970742/htdocs/css/includes_css/variablen.php on line 2

Jannik · 19. Oktober 2016

Nein vor dem php steht absolut nichts...

JR Cologne · 19. Oktober 2016

Das ist doch echt verrückt.

Was hat es mit dieser variablen.php auf sich?

Wo bindest du die ein? Mitten im CSS, also in der styles_index.php?

Jannik · 19. Oktober 2016

genau, sieht man oben auf dem dritten Bild. In der Variablen.php steht das:

<?php
$main_color = "999999";
$content_color = "CCCCCC";
?>

cottton · 19. Oktober 2016

Ich sehe gerade auf der Seite, dass es jetzt wohl geht.

Das Problem war vlt eine andere Datei - die index.php vlt?

Schon ein Leerzeichen vor dem <?php könnte das sein

PHP

<?php
// ^ leerzeichen vor <?php wird ausgegeben BEVOR header gesetzt wird:




header('Content-type: text/css');
// ...

EDIT: auch Leerzeichen NACH dem ?> können Probleme machen.
Ich hab vor ca. 1 Jahr gelernt: ?> am Ende des PHP Files wird nicht mehr genutzt.

Warum:

PHP

<?php




// php code




// evtl html:
?>
<body>
<!-- ... -->
</body>
<?php




// php code




// php code







?>







. <<<-- diese zeile ignorieren. das forum schneidet leere zeilen weg, die ich aber im bsp brauche =)

Alles anzeigen

Hier bekommt der Browser am Ende des Files (am Ende des PHP Codes) 2 Leerzeichen.
Um genau das zu verhindern, lassen wir das ?> einfach weg:

PHP

<?php




// php code




// evtl html:
?>
<body>
<!-- ... -->
</body>
<?php




// php code




// php code







. <<<-- diese zeile ignorieren. das forum schneidet leere zeilen weg, die ich aber im bsp brauche =)

Alles anzeigen

und PHP erkennt "oh, das file ist zu ende. hier kann ich aufhören".
Der Knackpunkt hier ist: die Leerzeichen landen in PHP, statt in HTML (-Bereich).
Leere Zeilen in PHP sind keine Ausgabe.

JR Cologne · 19. Oktober 2016

Ne, ich glaube, er hat einfach nur die CSS-Datei eingebunden.

Jannik · 19. Oktober 2016

ja Problem besteht nach wie vor, habe die .css wieder eingebunden weil ich jetzt schlafen gehe und ich morgen arbeite, da soll die Website normal aussehen

aber danke für eure Hilfe

css in php-dabei wird auf Webserver nicht erkannt. Aber auf XAMPP geht es.

Jetzt mitmachen!

Teilen