Delphi-PRAXiS - Problem mit CSS und PHP

Seite 1 von 6

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.

Seite 1 von 6

Letzte »