Problem mit CSS und PHP

**Nils_13**

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.

Hast du einen Auszug aus deinen Dokumenten? Oder eine anklickbare Version der Seite im Web?

Ist einfacher als zu raten.

**Nils_13**

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

markieren

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):

markieren

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>

**mkinzler**

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

**Nils_13**

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

**mkinzler**

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

**Brainstalker**

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.

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

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

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

**Luckie**

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

markieren

Code:

**alcaeus**

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

**Nils_13**

@Brainstalker: Die

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.

markieren

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.

Problem mit CSS und PHP

Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Re: Problem mit CSS und PHP

Forumregeln

MathiasSimmack (Gast) n/a Beiträge	#2 Re: Problem mit CSS und PHP 29. Jan 2006, 18:48 Hast du einen Auszug aus deinen Dokumenten? Oder eine anklickbare Version der Seite im Web? Ist einfacher als zu raten.
	Zitat

mkinzler (Moderator) Registriert seit: 9. Dez 2005 Ort: Heilbronn 39.851 Beiträge Delphi 11 Alexandria	#4 Re: Problem mit CSS und PHP 29. Jan 2006, 19:20 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 Markus Kinzler
	Zitat

Nils_13 Registriert seit: 15. Nov 2004 2.647 Beiträge	#5 Re: Problem mit CSS und PHP 29. Jan 2006, 19:21 </html> habe ich vergessen einzukopieren, werde es aktualisieren. Es ist nicht nur der IE.
	Zitat

mkinzler (Moderator) Registriert seit: 9. Dez 2005 Ort: Heilbronn 39.851 Beiträge Delphi 11 Alexandria	#6 Re: Problem mit CSS und PHP 29. Jan 2006, 19:30 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 Markus Kinzler
	Zitat

Luckie Registriert seit: 29. Mai 2002 37.621 Beiträge Delphi 2006 Professional	#8 Re: Problem mit CSS und PHP 29. Jan 2006, 23:35 Kann es daran liegen, dass dein Stylesheet nicht gefunden wird: markieren Code: <link rel="stylesheet" type="text/css" href="./nils.css" /> Michael Ein Teil meines Codes würde euch verunsichern.
	Zitat

alcaeus Registriert seit: 11. Aug 2003 Ort: München 6.537 Beiträge	#9 Re: Problem mit CSS und PHP 30. Jan 2006, 00:05 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 Andreas B. Die Mutter der Dummen ist immer schwanger. Ein Portal für Informatik-Studenten: www.infler.de
	Zitat