Delphi-PRAXiS - Problem mit CSS und PHP

Seite 1 von 2

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - Problem mit CSS und PHP (https://www.delphipraxis.net/62020-problem-mit-css-und-php.html)

Problem mit CSS und PHP

Hi,

ich arbeite gerade an meiner Homepage. Bin gerade dabei zu testen, ob meine Homepage auch bei anderen Browsern läuft. Bei Firefox habe ich nicht im geringsten Probleme, es läuft alles wie es soll, Auflösung etc. in Ordnung. Die Browser IE 5 (in 6 läuft es ja, aber egal) und Opera machen mir große Schwierigkeiten: Wenn ich CSS alleine benutze, gibt es keine Schwierigkeiten. Aber sobald CSS und PHP zusammen benutzt werden, funktioniert CSS nicht mehr. Wie gesagt, der Firefox macht mir keinen Ärger.
Was muss ich jetzt tun, damit alles in den anderen Browsern läuft ? Kennt jemand das Problem schon ? Ich rufe das ganze über den Localhost auf (für alle die es nicht wissen: 127.0.0.1 oder localhost). Ich bin auf der Startseite der Homepage und brauche dort kein PHP --> es läuft, sobald ich mein Tutorial starte, Sehe ich die Schrift nicht mehr, da die Schriftart weiß ist und der schwarze Hintergrund etc. aus irgendeinem Grund nicht läuft.

Re: Problem mit CSS und PHP

Hast du einen Auszug aus deinen Dokumenten? Oder eine anklickbare Version der Seite im Web? :stupid: Ist einfacher als zu raten. ;)

Re: Problem mit CSS und PHP

Die Seite geht erst später online, deshalb:
Hier die Startseite (kein PHP, läuft):

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

  <title>nDallmeyer.de</title>

  <link rel="stylesheet" type="text/css"  href="./nils.css" />

  <body text="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">

<script language="JavaScript">

<!--

if (document.images) {

image1on = new Image();

image1on.src = "img/startover.png";

image1off = new Image();

image1off.src = "img/header.jpg";

}

function changeImages() {

if (document.images) {

for (var i=0; i<changeImages.arguments.length; i+=2) {

document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");

}}}

// -->

</script>

</head>

   <style type=text/css>

       <!-- body {

<body text="#FFA000" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">

       font-family: Verdana; font-weight: bold;

       } a:link{

       font-family: Verdana; font-weight: bold; color:FFFFFF; text-decoration:none;

       }a{

       font-family: Verdana; font-weight: bold; color:FFFFFF; text-decoration:none;

       } a:hover{

       font-family: Verdana; font-weight: bold; text-decoration:underline; color:FFFFFF;

       } a:visited{

       font-family: Verdana; font-weight: bold; color: FFA000 text-decoration:none;;

       }html {  scrollbar-face-color:FFFFFF;

}#center {

 text-align: center;

}

#select {

 font-family: Verdana; font-weight: bold; color:Orange;

 text-decoration:none; backround-color:Orange;

}

-->

</style>

<body>

</script>

  <div id="page">

     <div id="header"></div>

     <div id="menu">

        [url="nils.html"]Start[/url]    [url="delphi.html"]Delphi[/url]    [url="gb.php"]Gästebuch[/url]    [url="links.html"]Links[/url] [url="impressum.html"]Impressum[/url] [url="tutorials.html"]Tutorials[/url]

     </div>

     <div id="content">

     </div>

     <div id="main">

  <table>

  <tr>

  <td width="7"></td>

    <td>

      Willkommen auf nDallmeyer.de ! 

      Auf dieser Seite finden sie kostenlose Programme, die weitergegeben werden können. 

      [b][i]News[/i][/b]

      Bald geht das Programm 'Console' online.

    </td>

  </tr>

  </table>

  <hr>

  <center>

  <table>

  <tr>

  <td width="7"></td>

  <td>

     &copy 2006 by Nils Dallmeyer

  </td>

  </tr>

  </table>

  </center>

<!--         Willkommen auf nDallmeyer.de ! 

   Auf dieser Seite finden sie kostenlose Programme, die weitergegeben werden können. 

         [b][i]News[/i][/b]

         Bald geht das Programm 'Console' online.

     </div>      -->

  <div id="down">

  </div>

  </div>

</body>

</html>

Und die verkürzte Version des Tutorials (mit PHP, läuft nicht):

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

  <title>nDallmeyer.de</title>

  <link rel="stylesheet" type="text/css"  href="./nils.css" />

  <body text="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">

<script language="JavaScript">

<!--

if (document.images) {

image1on = new Image();

image1on.src = "img/startover.png";

image1off = new Image();

image1off.src = "img/header.jpg";

}

function changeImages() {

if (document.images) {

for (var i=0; i<changeImages.arguments.length; i+=2) {

document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");

}}}

// -->

</script>

</head>

   <style type=text/css>

       <!-- body {

<body text="#FFA000" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">

       font-family: Verdana; font-weight: bold;

       } a:link{

       font-family: Verdana; font-weight: bold; color:FFFFFF; text-decoration:none;

       }a{

       font-family: Verdana; font-weight: bold; color:FFFFFF; text-decoration:none;

       } a:hover{

       font-family: Verdana; font-weight: bold; text-decoration:underline; color:FFFFFF;

       } a:visited{

       font-family: Verdana; font-weight: bold; color: FFA000 text-decoration:none;;

       }html {  scrollbar-face-color:FFFFFF;

}#center {

 text-align: center;

}

#select {

 font-family: Verdana; font-weight: bold; color:Orange;

 text-decoration:none; backround-color:Orange;

}

-->

</style>

<body>

</script>

  <div id="page">

     <div id="header"></div>

     <div id="menu">

        [url="nils.html"]Start[/url]    [url="delphi.html"]Delphi[/url]    [url="gb.php"]Gästebuch[/url]    [url="links.html"]Links[/url] [url="impressum.html"]Impressum[/url] [url="tutorials.html"]Tutorials[/url]

     </div>

     <div id="content">

     </div>

     <div id="main">

     <table>

     <tr>

     <td width="7"></td>

     <td>

         [i]Wie programmiere ich einen Texteditor I ? [/i]

         <?php

           include('geshi.php');

           $source = 'procedure TForm1.NeuesDokument1Click(Sender: TObject);

           begin

             edit.clear;

           end;';

           $language = 'delphi';

           $path = 'geshi/';

           $geshi = new GeSHi($source, $language, $path);

           $geshi->set_header_type(GESHI_HEADER_PRE);

           $geshi->set_line_style('background: #2D96FF;', true);

           $geshi->enable_line_numbers(GESHI_FANCY_LINE_NUMBERS, 37);

           echo $geshi->parse_code();

         ?>

         <center>

  <hr>

  <table>

  <tr>

  <td width="7"></td>

  <td>

     &copy 2006 by Nils Dallmeyer

  </td>

  </tr>

  </table>

  </center>

     </div>

  <div id="down">

  </div>

  </div>

</body>

</html>

Re: Problem mit CSS und PHP

Also mit php, hat es sicher nix zu tun. Auf die schnelle ist mir aber nur aufgefallen das dder abschließende </html>-tag fehlt.
Im Allgemeinen reagiert der IE sehr empfindlich gegen nicht oder falsch geschlossene Tags

Re: Problem mit CSS und PHP

</html>
habe ich vergessen einzukopieren, werde es aktualisieren.
Es ist nicht nur der IE.

Re: Problem mit CSS und PHP

In der Tabelle, die den php-Code enthält fehlen auch ein par / Tags.

Es befindet sich entweder ein verwaister </center> Tag ziemlich am Ende oder er gehört zum <center>-Tag in dder Tablle, dann ist er aber falsch

Re: Problem mit CSS und PHP

Zitat:

Zitat von Nils_13

<head>
<title>nDallmeyer.de</title>
<link rel="stylesheet" type="text/css" href="./nils.css" />
<body text="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
[...]
<style type=text/css>

</style>

Wieso bindest du eine Css-Datei ein und schreibst dann doch noch css in die Datei? Entweder intern oder extern. Das was rot ist muss da raus, html hat da nichts zu suchen. Was soll dieses # vor center und select?
Achso und es sollte sich eigentlich nichts zwischen </head> und <body> befinden. An der Datei ist so ziemlich alles falsch.

Es sind viele wiederholungen vorhanden, die du vermeiden könntest. außerdem ist die Formatierung grausig.

Was steht in der datei nils.css? vielleicht liegt es auch daran. Also ich muss sagen das Opera ein sehr pflegeleichter Browser ist, nur javascript mag der nicht so sehr. Aber beim ie hab ich manchmal auch meine probleme.

[edit]
Ok nachdem ich mir die datei jetzt etwas genauer angesehen habe muss ich sagen, das es mich wundert das überhaupt etwas angezeigt wird. :roll:

Guck dir mal folgende zeilen an:
6: <body text="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
22-45
47: </script>
49: <div id="header"></div>
53-55
82-83: fehlt was von der tabelle
83: <center>
96-98
:roll:

Vielleicht solltest du dir nochmal ein bisschen html ansehen, der link hier ist ganz gut dafür:

http://de.selfhtml.org/
[/edit]

Re: Problem mit CSS und PHP

Kann es daran liegen, dass dein Stylesheet nicht gefunden wird:

Code:

Re: Problem mit CSS und PHP

Zitat:

Zitat von Brainstalker

Was soll dieses # vor center und select?

Das heisst dass der CSS-Style fuer das Element mit der ID "center" bzw. "select" gilt ;)

Greetz
alcaeus

Re: Problem mit CSS und PHP

@Brainstalker: Die :roll: sind nicht nötig, wenn es der ff schafft müssen es die anderen auch schaffen.
Das ist kein falscher Code Opera schluckt es mit oder ohne nicht.
Und ob ein <center> wieder geschlossen ist braucht doch eigentlich keinen Browser zu itneressieren, da es nichts mit der Farbe zu tun hat.

Code:

			html,html

{

  padding : 0;

  margin  : 0;

  width     : 100%;

  height  : 100%;

  background : #000000;

}

#page

{

  margin     : auto;

  background : url("./img/header.jpg");

  width       : 500px;

  border     : 1px solid #000;

}

#header

{

  background : url("./img/logoa.png");

  height     : 100px;

}

#menu

{

  border-top : 1px solid #0000DF;

  border-bottom : 1px solid #0000DF;

}

#content

{

  background : url("./img/bg2.png");

}

#main

{

  background : #D26900;

}

#down

{

  background : url("./img/down.png");

}

@luckie, wenn der Browser den StyleSheet nicht finden würde, würde Opera bzw. IE nicht mal die Startseite hinbekommen.

Re: Problem mit CSS und PHP

Nein, müssen sie nicht wenn sie das alles etwas strenger sehen...

MfG Florian :hi:

Re: Problem mit CSS und PHP

Wenn du fehlerhaftes Markup erzeugst, dann verlässt du dich darauf, dass die Rendering-Engine des Browsers deine Fehler ausbügelt. Das machen die in der Regel zwar ganz gut, aber jeder Browser auf seine eigene, oft wundersame, Weise.
Du musst dich also nicht wundern, wenn die Resultate bei verschiedenen Browsern stark abweichen.

Re: Problem mit CSS und PHP

Mag sein, das die Browser das alles ausbügeln, aber ich würde trotzdem versuchen es einigermaßen korrekt zu machen. Es wird auf jeden Fall nicht am PHP liegen und auch nicht daran das er die datei nicht findet. FF muss eben irgendetwas ausbügeln was die anderen nicht machen.
Versuch mal ein bisschen Ordnung in die ganze Sache zu bringen, mag sein das es vielleicht nicht daran liegt, aber wenn du dir später mal die Dateien ansiehst hast auch mehr spaß dran :)
Und wie gesagt mein Tipp wäre noch die styles alle in eine Datei zu packen, dann ist es nämlich viel übersichtlicher.

Re: Problem mit CSS und PHP

Aber ich habe keine Fehler gefunden.
Wenn ich bgcolor oben einbaue, ist der Hintergrund schwarz, aber das design weg (es war in der php ja noch nie da, bezogen auf Opera und IE).
@Brainstalker: Für mich ist das übersichtlich. Ich arbeite schon seit 5 Jahren in dieser Weise.

Re: Problem mit CSS und PHP

*brr*

Zitat:

Zitat von Tidy HTML - Seite ohne PHP

Zeile 3 Zeichen 1 - Warnung: <body> isn't allowed in <head> elements
Zeile 6 Zeichen 3 - Warnung: </head> isn't allowed in <body> elements
Zeile 6 Zeichen 3 - Warnung: <style> isn't allowed in <body> elements
Zeile 45 Zeichen 1 - Warnung: discarding unexpected <body>
Zeile 47 Zeichen 1 - Warnung: discarding unexpected </script>
Zeile 57 Zeichen 6 - Warnung:
element not empty or not closed
Zeile 57 Zeichen 10 - Warnung:
element not empty or not closed
Zeile 57 Zeichen 14 - Warnung:
element not empty or not closed
Zeile 57 Zeichen 18 - Warnung:
element not empty or not closed
Zeile 57 Zeichen 22 - Warnung:
element not empty or not closed
Zeile 57 Zeichen 26 - Warnung:
element not empty or not closed
Zeile 64 Zeichen 38 - Warnung:
element not empty or not closed
Zeile 65 Zeichen 7 - Warnung:
element not empty or not closed
Zeile 67 Zeichen 7 - Warnung:
element not empty or not closed
Zeile 68 Zeichen 25 - Warnung:
element not empty or not closed
Zeile 70 Zeichen 7 - Warnung:
element not empty or not closed
Zeile 74 Zeichen 3 - Warnung: <hr> element not empty or not closed
Zeile 81 Zeichen 6 - Warnung: entity "&copy" doesn't end in ';'
Zeile 95 Zeichen 6 - Warnung:
element not empty or not closed
Zeile 95 Zeichen 10 - Warnung:
element not empty or not closed
Zeile 95 Zeichen 14 - Warnung:
element not empty or not closed
Zeile 95 Zeichen 18 - Warnung:
element not empty or not closed
Zeile 95 Zeichen 22 - Warnung:
element not empty or not closed
Zeile 95 Zeichen 26 - Warnung:
element not empty or not closed
Zeile 49 Zeichen 3 - Warnung: missing </div>
Zeile 7 Zeichen 1 - Warnung: <script> inserting "type" attribute

0 Fehler / 26 Warnungen

Zitat:

Zitat von Tidy HTML - Seite mit PHP

Also das ist ja eine Beleidigung für "XHTML Strict".

Ich hab lokal leider gerade keinen Geshi, aber du solltest daraus mal sofort korrekten code machen.
Zuvor müssen wir über Darstellungsfehler gar nicht erst reden.

Re: Problem mit CSS und PHP

Welcher Parser war das ?
Und außerdem, seit wann muss ein
wieder geschlossen werden ?
Zeile 57 Zeichen 10 - Warnung:
element not empty or not closed

Re: Problem mit CSS und PHP

Zitat:

Wenn Sie XHTML-Standard-konform arbeiten, müssen Sie das br-Element als inhaltsleer kennzeichnen. Dazu notieren Sie das alleinstehende Tag in der Form
.

Mach dich besser erstmal über die XHTML Standards schlau bevor du sie anwendest.

Re: Problem mit CSS und PHP

Zitat:

Zitat von Nils_13

Und außerdem, seit wann muss ein
wieder geschlossen werden ?
Zeile 57 Zeichen 10 - Warnung:
element not empty or not closed

Seit du XHTML 1.0 Strict verwendest. Leere Tags werden da z.B. so geschrieben:

Code:

Greetz
alcaeus

Re: Problem mit CSS und PHP

Aber ich habe grundsätzlich nur das normale verwendet.

Re: Problem mit CSS und PHP

Dann it es kein XHTML Strict 1.0 und du solltest den Dokumententyp in der ersten Zeile ändern.

Re: Problem mit CSS und PHP

@luckie: Danke, aber das hat leider nichts geändert.
Ist aber komisch, sonst funktioniert doch alles bei der Startseite und bei den anderen und da habe ich auch XHTML benutzt.

Re: Problem mit CSS und PHP

Also bei mir (FF 1.5) funktioniert gar nichts(weisse Schrift auf wiessem Hintergrund :roll: )... UND NUR WEIL ES FUNKTIONIERT, HEISST DAS NICHT, DASS ES WOANDERS AUCH FUNKTIONIERT!

Also mach diese Fehler raus - wie das geht solltest du wissen - oder lass es.

Re: Problem mit CSS und PHP

Woher soll ich das wissen, XHTML habe ich jetzt einfach rausgenommen. Aber es läuft trotzdem nicht.
Und außerdem ist da normalerweise ein schwarzer hintergrund mit Verbindung zu CSS.

Re: Problem mit CSS und PHP

Das XHTML hat auch nichts mit deinem Fehler zu tun, man wendet es eben nur an wenn man auch XHTML befolgt. Wenn du die Fehler erstmal behebst, dann wird sich vielleicht einiges anderes von allein beheben, und übrigens, das einzige was ich bei allen drei Browsern sehe, is das <hr> mehr nicht, der rest ist weiß auf weiß.

Pack doch einfach mal folgendes in deine CSS-Datei:

Code:

			BODY {

   color: #FFFFFF;

   background-color: #000000;

[...]

}

Dann ist das ganze auch korrektes CSS.

Re: Problem mit CSS und PHP

Wie man Fehler vermeidet/behebt? Indem man das ganze validieren lässt und/oder sich in einer Referenz schlau macht...

http://de.selhtml.org zum Beispiel.

Re: Problem mit CSS und PHP

HTML kann ich ja ... und css auch.

Re: Problem mit CSS und PHP

Dann sieh erstmal zu, dass es validates HTML wird. Dann kann man sich drumkümmern, dass es die verschiedenen Brwoser korrekt anzeigen.

Re: Problem mit CSS und PHP

Zitat:

validates HTML

Validat ?

Re: Problem mit CSS und PHP

gültig. Wenn du HTML und CSS beherrschst, solltest du den Ausdruck aber kennen. ;)

Re: Problem mit CSS und PHP

Der Debugger von dem phase 5.3 macht mir da keinen Ärger, keine Fehler.

Ok, da der Code ist brauch ich jetzt einen Parser kennt hier jemand einen ?

Re: Problem mit CSS und PHP

Dann solltest du schleunigst einen anderen verwenden, ich benutze Dreamweaver, der ist ganz gut. Aber das Programm kostet was.

Such mal nach htmltidy oder so ähnlich, das müsste Freeware sein und dir weiterhelfen.

Re: Problem mit CSS und PHP

Zitat:

Zitat von Nils_13

Ok, da der Code ist brauch ich jetzt einen Parser kennt hier jemand einen ?

Schonmal was von "Google" gehört?
Bei Google suchen

HTML validator
Oder, um es direkt aus dem FF zu machen:
Bei Google suchen

HTML validator firefox extension
:roll:

Re: Problem mit CSS und PHP

Was ist an dieser Zeile ungültig ?

Zitat:

Im Dokument befindet sich in Zeile 50 und Spalte 92 ein ungültiges Zeichen.
Dieses Zeichen ist in der verwendeten Zeichensatzkodierung (utf-8) nicht erlaubt.

Code:

Läuft anscheinend nicht so ganz:

Zitat:

Result: Failed validation,
File: texteditor.php
Encoding:
Doctype:

Sorry, I am unable to validate this document because its content type is application/x-httpd-php-source, which is not currently supported by this service.

The Content-Type field is sent by your web server (or web browser if you use the file upload interface) and depends on its configuration. Commonly, web servers will have a mapping of filename extensions (such as ".html") to MIME Content-Type values (such as text/html).

That you received this message can mean that your server is not configured correctly, that your file does not have the correct filename extension, or that you are attempting to validate a file type that we do not support yet. In the latter case you should let us know that you need us to support that content type (please include all relevant details, including the URL to the standards document defining the content type) using the instructions on the Feedback Page.

@malo: Ich habe nach Parser gesucht und nur schrott gefunden :tongue:

Re: Problem mit CSS und PHP

Zitat:

Zitat von Nils_13

@malo: Ich habe nach Parser gesucht und nur schrott gefunden :tongue:

Das hätte ich dir auch vorher sagen können ;)

Re: Problem mit CSS und PHP

Und hier noch mehr:

Code:

			HTML Validator: Ergebnis

Dokument geprüft

    * Datei: texteditor.php

    * Character encoding: unknown

Keines der Programme findet etwas :(
:kotz:

Meint ihr es würde alles überall laufen, wenn ich nur html und php verwende ?

Re: Problem mit CSS und PHP

Man sollte auch nicht die PHP-Datei überprüfen, sondern den HTML-Code, den sie ausspuckt, sollte doch eigentlich klar sein. :roll:

Re: Problem mit CSS und PHP

Ich hab die Datei mal validated und schon läufts, bzw. ich hab schwarzen hintergrund ne orange tabelle und die schrift geht auch. Statt XHTML Strict 1.0 nimm mal HMTL Strict 4.01 glaub müsste das richtige sein.

Zum einen liegt es daran, das zum Teil abschließende Tags fehlen (</td> </tr> usw.) zum anderen das in den CSS keine # vor den Farben sind. Farben werden immer so dargestellt #rrggbb. Außerdem gibt es die farbe orange nicht, die musst du in hex angeben.

Re: Problem mit CSS und PHP

Die obige Fehlermeldung sagt mir das der Validator den du verwendest probleme mit der Dateiendung .php hat. Verwende einen Anderen oder ändere die Endung auf .html. Dein Dokument ist weder XHTML Strict noch Transitional.

Wenn ich die Aussage höre: "Weiß doch ich nicht das ich
-tags schließen muss .... Aber ich kann HTML" dann denke ich, hast du keine Ahnung was XHTML ist und hast dich nicht richtig damit auseinander gesetzt. Verwende lieber wieder HTML 4.01...

Und wenn ich höre "Der Browser muss doch selber die Fehler ausbügeln", dann frage ich mich wieso du überhaupt einen Doctype angibst.

Wie meine Vorredner schon sagten: Guck nochmal in die HTML-Referenz und mach einen anständigen Code.

Re: Problem mit CSS und PHP

Also ich hab den Thread hier jetzt nur mal kurz überflogen, aber so ein fall von notorischer Selbstignoranz ist mir ehrlich gesagt noch nie untergekommen! Du sagst ständig du könntest HTML. Aber weder weißt du, wozu die DTD ist, kennst den Unterschied zwischen "normalem" und XHTML nicht und das ganze valid - gültig :roll: - zu machen fällt dir auch nich ein... Wie wärs denn, wenn du wirklich mal SelfHTML zur Hand nimmst, und schaust, wie das mit HTML wirklich funktioniert? Angenommen du würdest vernünftiges Markup schreiben, dann würde das auch funktionieren... :roll:

Sorry, aber das musste mal sein! :evil:

mfg, mh166

Seite 1 von 2