LinkBack URL
About LinkBacks
ZitierenWenn der Fehler auftritt, wenn es irgendwo includet wird, wär es sinnig, wenn wir auch den rest des Quelltextes kennen würden..
Nach Include Fehlerhafte Formularanzeige im Firefox
Hallo Zusammen!!!
Ich bin kurz vor einem Nervenzusammenbruch!!!
Folgendes Problem:
Ich habe eine Seite für ein Formular erstellt, das mittels php include in die eigentliche Homepageseite geladen wird.
Soweit so gut.
Das Formular wird mittels CSS gestylt und die jeweilige Beschriftung und die entsprechenden Inputfelder per float schön neben einander positioniert.
Die Formularseite alleine sieht auch genauso aus wie sie soll im Firefox2 und im IE7. Nach dem include sieht sie ebenfalls im IE7 aus wie sie soll, aber im Fierfox verschiebt sich der gesamte Eingabebereich (Beschriftung und Inputfelder) nun nach unten.
Abgeschlossen werden die floats durch ein div.class (mit den Button) der die floats auch cleart. Also es wandert nicht über den Rand hinaus, sondern entsteht nur eine Lücke oberhalb. Der Rest sieht aus wie er soll und steht auch wo er soll.
Ohne float wird alles genau so dargestellt wie es soll, also ohne leeren Platz oberhalb der Beschriftung und der Eingabefelder.
Ich habe inzwischen alles mögliche ausprobiert und mir fällt einfach nichts mehr ein....Hoffe das ihr mir helfen könnt.
Auszug aus dem Code für das Formular:
Auszug aus dem CSSHTML-Code:<!--Die Formularfelder--> <div id="kontaktformular"> <?php //Zeile: Firma/ Organisation (noch ohne Session-Abfrage) if (($anzeig_firma =="ja") && ($pflicht_firma =="ja")) { print "<div class=\"feldname\"> <label for=\"Firma\">Firma / Organisation : </label></div> <div class=\"eingabefeld\"> <input class=\"firma\" type=\"text\" name=\"Firma\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_firma =="ja") { print "<div class=\"feldname\"> <label for=\"Firma\">Firma/ Organisation : </label></div> <div class=\"eingabefeld\"> <input class=\"firma\" type=\"text\" name=\"Firma\" value=\"\"> </div> "; } else { print ""; }
Hoffe ihr könnt mir weiterhelfen!!! Sonst sehe ich bald so aus:HTML-Code:.feldname { width: 35%; position: relative; top: 0%; clear: both; float: left; } .eingabefeld { width: 60%; position: relative; top: 0%; float: right; }
Schon einmal vorab, danke für Eure Mühe und liebe Grüße
Eure Little Pink
Wenn der Fehler auftritt, wenn es irgendwo includet wird, wär es sinnig, wenn wir auch den rest des Quelltextes kennen würden..
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Interessant ist auch eher die fertige HTML Ausgabe und kein PHP Codemix
“My software never has bugs. It just develops random features ...”
» DevShack - die Website des freien Webentwicklers Boris
Guten Abend!
Erst einmal Danke für Dein Interesse!
Und entschuldige bitte, aber ich hab nicht ganz genau gewusst, was ich überhaupt an Code mit hineinpacken soll. (Heute das erste mal, das ich in einem solchen Forum nach Hilfe suche. Und wollte nicht zuviel schicken. *schäm*)
Ich habe versucht den Beitrag abzusenden aber der ist immer zu lang. Die CSS kommt als 2. Antwort hinterher.
Also der komplette Code für die Formularseite:
HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> ... <title>Kontaktformular</title> <link type="text/css" rel="stylesheet" href="styleformular3.css" media="all" /> </head> <body> <?php //Hier werden die Einstellungen aus der config.php geladen include ("config.php"); ?> <!--Das Formular--> <form name="kontakt" method="POST" action="verarbeiten.php"> <div id="formularhuelle"> <h1>Kontaktformular</h1> <div id="formularinhalt"> <?php if ($ihrtext !== "") { print "<div class=\"ihrtext\">$ihrtext</div>"; } ?> <!--Die Formularfelder--> <div id="kontaktformular"> <?php //Zeile: Firma/ Organisation (noch ohne Session-Abfrage) if (($anzeig_firma =="ja") && ($pflicht_firma =="ja")) { print "<div class=\"feldname\"> <label for=\"Firma\">Firma / Organisation : </label></div> <div class=\"eingabefeld\"> <input class=\"firma\" type=\"text\" name=\"Firma\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_firma =="ja") { print "<div class=\"feldname\"> <label for=\"Firma\">Firma/ Organisation : </label></div> <div class=\"eingabefeld\"> <input class=\"firma\" type=\"text\" name=\"Firma\" value=\"\"> </div> "; } else { print ""; } //Zeile: Titel (noch ohne Session-Abfrage) if (($anzeig_titel =="ja") && ($pflicht_titel =="ja")) { print "<div class=\"feldname\"> <label for=\"Titel\">Titel : </label></div> <div class=\"eingabefeld\"> <input class=\"titel\" type=\"text\" name=\"Titel\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_titel =="ja") { print "<div class=\"feldname\"> <label for=\"Titel\">Titel : </label></div> <div class=\"eingabefeld\"> <input class=\"titel\" type=\"text\" name=\"Titel\" value=\"\"> </div> "; } else { print ""; } //Zeile: Anrede (Auswahlfeld) (noch ohne Session-Abrage) if (($anzeig_anrede =="ja") && ($pflicht_anrede =="ja")) { print "<div class=\"feldname\"> <label for=\"Anrede\">Anrede : </label></div> <div class=\"eingabefeld\"> <select class=\"anrede\" name=\"Anrede\"> <option value=\"\" ></option> <option value=\"\" >Frau</option> <option value=\"\" >Herr</option> </select> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_titel =="ja") { print "<div class=\"feldname\"> <label for=\"Anrede\">Anrede : </label></div> <div class=\"eingabefeld\"> <select class=\"anrede\" name=\"Anrede\"> <option value=\"\" ></option> <option value=\"\" >Frau</option> <option value=\"\" >Herr</option> </select> </div> "; } else { print ""; } //Zeile: (Noch ohne Session-Abfrage) if (($anzeig_name =="ja") && ($pflicht_name =="ja")) { print "<div class=\"feldname\"> <label for=\"Name\">Name : </label></div> <div class=\"eingabefeld\"> <input class=\"name\" type=\"text\" name=\"Name\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_name =="ja") { print "<div class=\"feldname\"> <label for=\"Name\">Titel : </label></div> <div class=\"eingabefeld\"> <input class=\"name\" type=\"text\" name=\"Name\" value=\"\"> </div> "; } else { print ""; } //Zeile: Strasse (noch ohne Session-Abfrage) if (($anzeig_strasse =="ja") && ($pflicht_strasse =="ja")) { print "<div class=\"feldname\"> <label for=\"Strasse\">Straße : </label></div> <div class=\"eingabefeld\"> <input class=\"strasse\" type=\"text\" name=\"Strasse\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_strasse =="ja") { print "<div class=\"feldname\"> <label for=\"Strasse\">Straße : </label></div> <div class=\"eingabefeld\"> <input class=\"strasse\" type=\"text\" name=\"Strasse\" value=\"\"> </div> "; } else { print ""; } //Zeile:Postleitzahl und Ort (Noch ohne Session-Abfrage) //Da Ort zusammen mit PLZ in einer Reihe stehen sollen, kleiner Feldgroessen. print "<div class=\"doppelzeile\">"; //Felder fuer PLZ if (($anzeig_plz =="ja") && ($pflicht_plz =="ja")) { print "<div class=\"feldname\"> <label for=\"Postleitzahl\">PLZ :</label> <input class=\"postleitzahl\"type=\"text\" name=\"Postleitzahl\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_plz =="ja") { print "<div class=\"feldname\"> <label for=\"Postleitzahl\">PLZ :</label> <input class=\"postleitzahl\" type=\"text\" name=\"Postleitzahl\" value=\"\"> </div> "; } else { print ""; } //Felder fuer Ort (Achtung! Da Ort zusammen mit PLZ in einer Reihe stehen soll neue Klassen!) if (($anzeig_ort =="ja") && ($pflicht_ort =="ja")) { print "<div class=\"eingabefeld\"> <label for=\"Ort\">Ort : </label> <input class=\"ort\" type=\"text\" name=\"Ort\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_ort =="ja") { print "<div class=\"eingabefeld\"> <label for=\"Ort\">Ort : </label> <input class=\"ort\" type=\"text\" name=\"Ort\" value=\"\"> </div> "; } else { print ""; } print "</div>"; //Zeile: Land und "Anderes Land" (Noch ohne Session-Abfrage) //Da Land zusammen mit "Anderes Land" in einer Reihe stehen sollen, kleiner Feldgroessen. //Felder fuer Land print "<div class=\"doppelzeile\">"; if (($anzeig_land =="ja") && ($pflicht_land =="ja")) { print "<div class=\"feldname\"> <label for=\"Land\">Land : </label> <select class=\"land\" name=\"Land\"> <option value=\"leer\"></option> <option value=\"\">Deutschland</option> <option value=\"\">Belgien</option> <option value=\"\">Dänemark</option> <option value=\"\">Frankreich</option> <option value=\"\">Luxenburg</option> <option value=\"\">Niederlande</option> <option value=\"\">Österreich</option> <option value=\"\">Polen</option> <option value=\"\">Schweiz</option> <option value=\"\">Tschechien</option> </select> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_land =="ja") { print "<div class=\"feldname\"> <label for=\"Land\">Land : </label> <select class=\"land\" name=\"land\"> <option value=\"leer\"></option> <option value=\"\">Deutschland</option> <option value=\"\">Belgien</option> <option value=\"\">Dänemark</option> <option value=\"\">Frankreich</option> <option value=\"\">Luxenburg</option> <option value=\"\">Niederlande</option> <option value=\"\">Österreich</option> <option value=\"\">Polen</option> <option value=\"\">Schweiz</option> <option value=\"\">Tschechien</option> </select> </div> "; } else { print ""; } //Felder fuer "Anderes Land" (Achtung! Da "Anders Land" zusammen mit Land in einer Reihe stehen soll neue Klassen!) if (($anzeig_anderesland =="ja") && ($pflicht_anderesland =="ja")) { print "<div class=\"eingabefeld\"> <label for=\"Anderes Land\">Anderes Land : </label> <input class=\"anderesland\" type=\"text\" name=\"Anderes Land\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_anderesland =="ja") { print "<div class=\"eingabefeld\"> <label for=\"Anderes Land\">Anderes Land : </label> <input class=\"anderesland\" type=\"text\" name=\"Anderes Land\" value=\"\"> </div> "; } else { print ""; } print "</div>"; //Zeile: Telefon und Faxnummer (Noch ohne Session abfrage) //Da Telefonnumer zusammen mit Faxnummer in einer Reihe stehen sollen, kleiner Feldgroessen. print "<div class=\"doppelzeile\">"; //Felder fuer Telefonnummer if (($anzeig_telefonnummer =="ja") && ($pflicht_telefonnummer =="ja")) { print "<div class=\"feldname\"> <label for=\"Telefonnummer\">Tel.-Nr. : </label> <input class=\"telefonnummer\" type=\"text\" name=\"Telefonnummer\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_telefonnummer =="ja") { print "<div class=\"feldname\"> <label for=\"Telefonnummer\">Tel.-Nr. : </label> <input class=\"telefonnummer\" type=\"text\" name=\"Telefonnummer\" value=\"\"> </div> "; } else { print ""; } //Felder fuer Faxnummer (Achtung! Da Telfon-Nr. zusammen mit Fax-Nr. in einer Reihe stehen soll neue Klassen!) if (($anzeig_faxnummer =="ja") && ($pflicht_faxnummer =="ja")) { print "<div class=\"eingabefeld\"> <label for=\"Faxnummer\">Fax-Nr. : </label> <input class=\"faxnummer\" type=\"text\" name=\"Faxnummer\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_faxnummer =="ja") { print "<div class=\"eingabefeld\"> <label for=\"Faxnummer\">Fax-Nr. : </label> <input class=\"faxnummer\" type=\"text\" name=\"Faxnummer\" value=\"\"> </div> "; } else { print ""; } print "</div>"; //Zeile: Mobilnummer (Noch ohne Session-Abfrage) if (($anzeig_mobilnummer =="ja") && ($pflicht_mobilnummer =="ja")) { print "<div class=\"feldname\"> <label for=\"Mobilnummer\">Handy-Nr. : </label></div> <div class=\"eingabefeld\"> <input class=\"mobilnummer\" type=\"text\" name=\"Mobilnummer\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_mobilnummer =="ja") { print "<div class=\"feldname\"> <label for=\"Mobilnummer\">Handy-Nr. : </label></div> <div class=\"eingabefeld\"> <input class=\"mobilnummer\" type=\"text\" name=\"Mobilnummer\" value=\"\"> </div> "; } else { print ""; } //Zeile: E-Mail-Adresse (Noch ohne Session abfrage) if (($anzeig_email =="ja") && ($pflicht_email =="ja")) { print "<div class=\"feldname\"> <label for=\"E-Mail-Adresse\">E-Mail : </label></div> <div class=\"eingabefeld\"> <input class=\"emailadresse\" type=\"text\" name=\"E-Mail-Adresse\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_email =="ja") { print "<div class=\"feldname\"> <label for=\"E-Mail-Adresse\">E-Mail : </label></div> <div class=\"eingabefeld\"> <input class=\"emailadresse\" type=\"text\" name=\"E-Mail-Adresse\" value=\"\"> </div> "; } else { print ""; } //Zeile: Web-Adresse (Noch ohne Session Abfrage) if (($anzeig_wwwadresse =="ja") && ($pflicht_wwwadresse =="ja")) { print "<div class=\"feldname\"> <label for=\"Homepage-Adresse\">Homepage : </label></div> <div class=\"eingabefeld\"> <input class=\"homepageadresse\" type=\"text\" name=\"Homepage-Adresse\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_wwwadresse =="ja") { print "<div class=\"feldname\"> <label for=\"Homepage-Adresse\">Homepage : </label></div> <div class=\"eingabefeld\"> <input class=\"homepageadresse\" type=\"text\" name=\"Homepage-Adresse\" value=\"\"> </div> "; } else { print ""; } //Zeile: Betreff (noch ohne Session Abfrage) //Da diese Laenger sein soll, sind die Werte size und maxlength angehoben if (($anzeig_betreff =="ja") && ($pflicht_betreff =="ja")) { print "<div class=\"feldname\"> <label for=\"Betreff-Zeile\">Betreff : </label></div> <div class=\"eingabefeld\"> <input class=\"betreffzeile\"type=\"text\" name=\"Betreff-Zeile\" value=\"\"> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_betreff =="ja") { print "<div class=\"feldname\"> <label for=\"Betreff-Zeile\">Betreff : </label></div> <div class=\"eingabefeld\"> <input class=\"betreffzeile\" type=\"text\" name=\"Betreffzeile\" value=\"\"> </div> "; } else { print ""; } //Texteingabefeld fuer die Nachricht //Die Feldlaenge ist nach der Länge der Betreffzeile formatiert if (($anzeig_nachricht =="ja") && ($pflicht_nachricht =="ja")) { print "<div class=\"feldname\"> <label for=\" Ihre Nachricht\">Ihre Nachricht : </label></div> <div class=\"eingabefeld\"> <textarea class=\"nachricht\" name=\"Ihre Nachricht\" value=\"\" cols=\"32\" rows=\"8\"></textarea> <span class=\"pflichtzeichen\">*</span> </div> "; } elseif ($anzeig_nachricht =="ja") { print "<div class=\"feldname\"> <label for=\"Ihre Nachricht\">Ihre Nachricht : </label></div> <div class=\"eingabefeld\"> <textarea class=\"nachricht\" name=\"Ihre Nachricht\" value=\"\" cols=\"32\" rows=\"8\"></textarea> </div> "; } else { print ""; } //Abfrage ob eine Kopie erwuenscht ist print "<div class=\"kopie\">"; if ($anzeig_kopie == "ja") { print "<div class=\"feldname\"> <label for=\"Kopie\">Möchten Sie eine Kopie dieser Nachricht an Ihre E-Mail-Adresse erhalten?</label></div> <div class=\"eingabefeld\"> <input class=\"checkbox\" type=\"checkbox\" name=\"kopie\" value=\"\" /><label for=\"Ja\">Ja</label> <br /> <input class=\"checkbox\" type=\"checkbox\" name=\"kopie\" value=\"\" /><label for=\"Nein\">Nein</label> </div> "; } else { print ""; } print "</div>"; //Die Funktionsbutton (Vorschau/ Senden/ Abbruch) if (($anzeig_vorschau =="ja") && ($anzeig_abbrechen =="ja")) { print "<div class=\"actionbutton\"> <input class=\"button\" type=\"submit\" value=\"Vorschau\" /> <input class=\"button\" type=\"submit\" value=\"Senden\" /> <input class=\"button\" type=\"submit\" value=\"Abbrechen\" /> </div> "; } elseif ($anzeig_vorschau =="ja") { print "<div class=\"actionbutton\"> <input class=\"button\" type=\"submit\" value=\"Vorschau\" /> <input class=\"button\" type=\"submit\" value=\"Senden\" /> </div> "; } elseif ($anzeig_abbrechen =="ja") { print "<div class=\"actionbutton\"> <input class=\"button\" type=\"submit\" value=\"Senden\" /> <input class=\"button\" type=\"submit\" value=\"Abbrechen\" /> </div> "; } else { print "<div class=\"actionbutton\"> <input class=\"button\" type=\"submit\" value=\"Senden\" /> </div> "; } ?> </div> <div class="copyright"> <a href="http://..." title="Zur Homepage von S.Pothmann">©...</a> </div> </div> </div> </form> </body> </html>
2.Teil
Und hier die komplette CSS für das Formular.
Und hier der komplette Code der CSS dazu:
Ich danke Dir für Deine Mühe!!!HTML-Code:/*---- Styleregeln fuer das Formularlayout----*/ /*body { font-family: "Comic Sans Ms",Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; }*/ div#formularhuelle { max-width: 620px; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; } div#formularinhalt { min-width: 590px; text-align: left; background-color: #eeeeee; color: #78769d; margin: 10px auto; padding: 10px 10px 10px 10px; } div#kontaktformular { max-width: 560px; } h2 { color: #ac73ab; font-family: "Comic Sans MS", Verdana, Arial, sans-serif; font-size: 150%; font-weight: bolder; } .ihrtext { margin: 0px; padding: 0px; } .feldname { width: 35%; clear: both; float: left; display: inline; text-align: left; margin: 10px 0px; } .eingabefeld { width: 60%; text-align: left; float: right; display: inline; margin: 5px 0px; padding: 4px; } /*bei den .doppelzeile wird der Abstand direkt in der kontakt.php ueber gesteuert.*/ /*Es handelt sich jeweils um die Zeilen: -PLZ und Ort -Land und Anderes Land -Telfonnummer und Faxnummer */ .doppelzeile { clear: both; } select.anrede { width: 283px; color: #78769d; font-weight: bold; border-color: #78769d; border-style: solid; } select.land { width: 118px; color: #78769d; font-weight: bold; border-color: #78769d; border-style: solid; } input.firma, input.titel, input.name, input.strasse, input.mobilnummer, input.emailadresse, input.homepageadresse, input.betreffzeile { width: 282px; color: #78769d; font-weight: bold; border-color: #78769d; border-style: solid; } input.postleitzahl, input.telefonnummer { width: 117px; color: #78769d; font-weight: bold; border-color: #78769d; border-style: solid; } input.ort, input.anderesland, input.faxnummer { width: 159px; color: #78769d; font-weight: bold; border-color: #78769d; border-style: solid; } textarea.nachricht, input.checkbox { color: #78769d; font-weight: bold; border-color: #78769d; border-style: solid; } .actionbutton { clear: both; text-align: right; margin: 15px 0px 15px 0px; } input.button { background-color: #78769d; width: auto; color: #ffffff; font-family: "Comic Sans MS", Verdana, Arial, sans-serif; border: 1px solid #ffffff; font-weight: bold; padding: 2px 3px 2px 3px; /*wegen moz fehler bei der validierung!*/ -moz-border-radius: 5px; } input.button:hover { font-style: italic; font-weight: bold; border: 2px solid #ffffff; } .copyright { text-align: center; font-size: 10px; margin: 25px 0px 0px 0px; }
Liebe Grüße und vor allem eine Gute Nacht!!!
Und wie sieht der Komplette HTML- Output aus?
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Zu Boris:
Die Php ist ja nicht wichtig in dem Fall oder???
Irgendwie scheine ich Dich jetzt falsch zu verstehen.
Das ganze wird doch ohne Probleme ob nun mit PHP oder ohne angezeigt, irgendwie verstehe ich jetzt nicht ganz was Du meinst.
Frau ist jetzt komplett verwirrt...
Nur damit ich klar sehe, was meinst du denn nun??? Soll ich das ganz neu schreiben (ohne PHP) und hier Posten???
Und wie gesagt, nur zur Info, läuft alleine so wie es soll, nur wenn es in die Seite includet wird, dann kommt die fehlerhafte Darstellung im Mozilla.
Wahrscheinlich zeigt der Mozilla es sogar richtig an und der Fehler liegt bei mir und der IE ist zu dusselig, genau wie ich eben.
Ihr glaubt gar nicht wie blond ich mich in diesem Moment fühle!!!
An den container in den das ganze includet wird...bzw. an seinen Werten liegt es jedenfalls nicht, habe das auch schon ausprobiert.
Ich habe die CSS komplett 5mal neu geschrieben und die Werte für die Breiten etc...alles durch, selbst wenn ich das ganze nur auf 500px Insgesamtbreite mit Inhalt runterfahre,(Container in den es includet wird ist 573px), das gleiche Problem.
Das habe ich alles schon ausprobiert bevor ich hier gepostet habe.
Ich sag ja, ich habe keine Idee mehr.
Nun gut, ich versuch es jetzt erst einmal mit Schlafen.
Wünsche Dir und allen anderen eine erholsame Nacht und süße Träume!
Liebe Grüße die Verwirrte!!!
Zur Ergänzung, die komplette Seite:
der style für die screen- css kommt im 2.TeilHTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="content-language" content="de" /> <meta name="author" content="..." /> <meta name="publisher" content="..." /> <meta name="copyright" content="..." /> <meta name="keywords" content="jason radek fond, Jason, Radek, Fond, Datteln, Sternenkinder, Daum-Syndrom, Musiktherapie, sozial, spenden, presseberichte, nrw, NRW, Anne, anne, ehrenamtlich, Spenden," /> <meta name="description" content="Der Jason Radek Fond, wurde im Andenken an Jason Radek gegruendet. Der Fond sammelt Spendengelder, mit deren Hilfe eine Musiktherapie fuer beduerftige Kinder finanziert wird." /> <meta name="date" content="2008,08,26" /> <meta name="revisit" content="After 28 days" /> <meta name="robots" content="INDEX,FOLLOW" /> <title>Jason Radek Fond</title> <link type="text/css" rel="stylesheet" href="../stylesheets/screen.css" media="screen" /> <link type="text/css" rel="stylesheet" href="../stylesheets/print.css" media="print" /> <link type="text/css" rel="stylesheet" href="../kontakt_sp_150908/styleformular3.css" media="all" /> <link type="application/rss+xml" rel="alternate" title="News des Jason Radek Fonds als RSS-Feed" href="http://localhost/news/rss/rss.xml" /> <link rel="shortcut icon" href="/favicon6.ico" type="image/x-icon" /> <link rel="icon" href="/favicon6.ico" type="image/x-icon" /> </head> <body> <div id="header"><!--Beginn des Kopf-Bereiches--> <div class="lila_box"> <img id="kopffoto" src="../images/jason_sp300808.jpg" alt="Foto Jason" /> <img id="seitenbanner" src="../images/seitenbanner1024x100.gif" alt="Banner" /> </div> </div><!--Ende des Kopf-Bereiches--> <div id="container"><!--#container, wird gebraucht um die einzelne Elemente zu positionieren und damit sie sich nicht in der breite Ausdehnen. Insbesondere um die gefloatete #seitenleiste zu positionieren und ueber die gesamte Laenge zu verankern, siehe auch #clear!--> <div id="seitenleiste"><!--Beginn der Seitenleiste--> <ul class="menu"> <li><a href="../index.html">Home</a></li> <li><a href="news_anzeig.php">News & Termine</a></li> <li><a href="news_archiv.php">News-Archiv</a></li> </ul> <!--Ende 1.Block--> <!--2.Block--> <ul class="menu"> <li><a href="../../seiten/jason_maverick_radeck.html">Jason Maverick Radek</a></li> <li><a href="../../seiten/aktion_sternenkinder.html">Aktion Sternenkiner</a></li> <li><a href="../../seiten/musiktherapie.html">Musiktherapie</a></li> <li><a href="../../seiten/vest_kinderklinik.html">Vest. Kinder- & Jugendklinik</a></li> <li><a href="../../seiten/presseberichte.html">Presseberichte</a></li> <li><a href="../../seiten/unsere_kinder.html">Unsere Kinder</a></li> <li><a href="../../seiten/unser_team.html">Unser Team</a></li> <li><a href="../../seiten/unsere_foerderer.html">Unsere Förderer</a></li> <li><a href="../../seiten/wir_bedanken_uns.html">Wir bedanken uns</a></li> </ul> <!--Ende 2.Block--> <!--Beginn 3.Block--> <ul class="menu"> <li><a href="php_seiten/kontaktfomular.php">Kontakt zu uns</a></li> <li><a href="php_seiten/gaestebuch.php">Gästebuch</a></li> <li><a href="php_seiten/unsere_banner.html">Unsere Banner</a></li> <li><a href="../../seiten/disclaimer.html">Disclaimer</a></li> <li><a href="../../seiten/impressum.html">Impressum</a></li> </ul> <!--Ende 3.Block--> <!--Beginn 4.Block--> <ul class="menu"> <li><a href="../news/news_adminpanel.php">News-Redaktion (Intern)</a></li> </ul> <!--Ende 4.Block--> </div><!--Ende der Seitenleiste--> <div id="inhalt"><!--Beginn des Inhaltes--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="content-language" content="de" /> <meta name="author" content="..." /> <meta name="copyright" content="..." /> <title>Kontaktformular</title> <link type="text/css" rel="stylesheet" href="styleformular3.css" media="all" /> </head> <body> <!--Das Formular--> <form name="kontakt" method="POST" action="verarbeiten.php"> <div id="formularhuelle"> <h1>Kontaktformular</h1> <div id="formularinhalt"> <div class="ihrtext"><p>Hier haben Sie die Möglichkeit mit uns in Kontakt zu treten.<br /> <b><i>Hinweis: </i></b><i>Die mit <b>*</b> gekennzeichneten Felder, <b>müssen</b> ausgefüllt werden!</i><br /> </p> </div> <!--Die Formularfelder--> <div id="kontaktformular"> <div class="feldname"> <label for="Firma">Firma/ Organisation : </label></div> <div class="eingabefeld"> <input class="firma" type="text" name="Firma" value=""> </div> <div class="feldname"> <label for="Titel">Titel : </label></div> <div class="eingabefeld"> <input class="titel" type="text" name="Titel" value=""> </div> <div class="feldname"> <label for="Anrede">Anrede : </label></div> <div class="eingabefeld"> <select class="anrede" name="Anrede"> <option value="" ></option> <option value="" >Frau</option> <option value="" >Herr</option> </select> </div> <div class="feldname"> <label for="Name">Name : </label></div> <div class="eingabefeld"> <input class="name" type="text" name="Name" value=""> <span class="pflichtzeichen">*</span> </div> <div class="feldname"> <label for="Strasse">Straße : </label></div> <div class="eingabefeld"> <input class="strasse" type="text" name="Strasse" value=""> </div> <div class="doppelzeile"><div class="feldname"> <label for="Postleitzahl">PLZ :</label> <input class="postleitzahl" type="text" name="Postleitzahl" value=""> </div> <div class="eingabefeld"> <label for="Ort">Ort : </label> <input class="ort" type="text" name="Ort" value=""> </div> </div><div class="doppelzeile"><div class="feldname"> <label for="Land">Land : </label> <select class="land" name="land"> <option value="leer"></option> <option value="">Deutschland</option> <option value="">Belgien</option> <option value="">Dänemark</option> <option value="">Frankreich</option> <option value="">Luxenburg</option> <option value="">Niederlande</option> <option value="">Österreich</option> <option value="">Polen</option> <option value="">Schweiz</option> <option value="">Tschechien</option> </select> </div> <div class="eingabefeld"> <label for="Anderes Land">Anderes Land : </label> <input class="anderesland" type="text" name="Anderes Land" value=""> </div> </div><div class="doppelzeile"><div class="feldname"> <label for="Telefonnummer">Tel.-Nr. : </label> <input class="telefonnummer" type="text" name="Telefonnummer" value=""> </div> <div class="eingabefeld"> <label for="Faxnummer">Fax-Nr. : </label> <input class="faxnummer" type="text" name="Faxnummer" value=""> </div> </div><div class="feldname"> <label for="Mobilnummer">Handy-Nr. : </label></div> <div class="eingabefeld"> <input class="mobilnummer" type="text" name="Mobilnummer" value=""> </div> <div class="feldname"> <label for="E-Mail-Adresse">E-Mail : </label></div> <div class="eingabefeld"> <input class="emailadresse" type="text" name="E-Mail-Adresse" value=""> <span class="pflichtzeichen">*</span> </div> <div class="feldname"> <label for="Homepage-Adresse">Homepage : </label></div> <div class="eingabefeld"> <input class="homepageadresse" type="text" name="Homepage-Adresse" value=""> </div> <div class="feldname"> <label for="Betreff-Zeile">Betreff : </label></div> <div class="eingabefeld"> <input class="betreffzeile" type="text" name="Betreffzeile" value=""> </div> <div class="feldname"> <label for="Ihre Nachricht">Ihre Nachricht : </label></div> <div class="eingabefeld"> <textarea class="nachricht" name="Ihre Nachricht" value="" cols="32" rows="8"></textarea> </div> <div class="kopie"><div class="feldname"> <label for="Kopie">Möchten Sie eine Kopie dieser Nachricht an Ihre E-Mail-Adresse erhalten?</label></div> <div class="eingabefeld"> <input class="checkbox" type="checkbox" name="kopie" value="" /><label for="Ja">Ja</label> <br /> <input class="checkbox" type="checkbox" name="kopie" value="" /><label for="Nein">Nein</label> </div> </div><div class="actionbutton"> <input class="button" type="submit" value="Vorschau" /> <input class="button" type="submit" value="Senden" /> <input class="button" type="submit" value="Abbrechen" /> </div> </div> <div class="copyright"> <a href="http://....</a> </div> </div> </div> </form> </body> </html> </div><!--Ende des Inhaltes--> <div id="clear"> <p> </p> </div> <!--cleared das floating der Seitenleiste und sorgt dafuer, das die seitenleiste genau so lang wie der gesammte #container ist--> </div><!--Ende #container--> <div id="footer"><!--Beginn des Fuss-Bereiches--> <p> <a href="http://..." title="Zur Homepage von ">© by..., 2008</a> <a href="" title="Zum W3C Validator"><img class="valide_seite" src="../images/valid-xhtml10-blue.png" alt="XHTML 1.0 Strict ist Valide!" /></a> <a href="" title="Zum W3C Validator"><img class="valide_seite" src="../images/valid-css2-blue.png" alt="Css ist valide!!!" /></a> </p> </div><!--Ende des Fuss-Bereiches--> </body> </html>
Teil 2. Die screen.css
Ich hoffe ich habe jetzt alles??? Tut mir leid, wenn ich Euch unnötige Arbeit mache. Entschuldigt bitte!!!HTML-Code:/*----Allgemeine Styleregeln ----*/ body { background-color: #000000; color: #ffffff; font-family: "Comic Sans MS", Verdana, Arial, sans-serif; font-size: 16px; font-variant: normal; font-style: normal; font-weight: normal; margin: 0% 50% 0% 50%;/*----um das Bild mittig zu zentrieren und die Raender Top u. Bottom auszuschalten. Achtung: Jeweis die Haelfte der Inhaltsbreite der Bereiche muss abgezogen werden, siehe #header, #container u.footer----*/ padding: 0px; } h1 { color: #ac73ab; font-size: 150%; font-weight: bolder; } h2 { color: #ac73ab; font-size: 125%; font-weight: bolder; } h3 { color: #ac73ab; font-size: 100%; font-weight: bolder; } h4 { font-size: 75%; font-style: italic; font-weight: bolder; } h5 { font-size: 50%; font-style: italic; font-weight: bolder; } h6 { font-size: 100%; font-style: normal; font-weight: normal; text-align: right; } p { font-family: "Comic Sans Ms", Verdana, Arial, sans-serif; font-size: 16px; font-variant: normal; font-style: normal; font-weight: normal; } a:link { color: #c5adc8; text-decoration: underline; font-style: italic; font-weight: 900; } a:active, a:focus { color: #78769d; text-decoration: underline; font-style: normal; font-weight: normal; } a:visited { color: #c5adc8; text-decoration: underline; font-style: normal; font-weight: normal; } a:hover { color: #9a97da; text-decoration: underline; font-style: normal; font-weight: normal; } .lila_box { background-color: #c5adc8; color: #ffffff; width: 250px; height: 200px; margin: 0px 0px 0px 100px; padding: 0px 0px 0px 0px; } #seitenbanner { position: absolute; top: 192px; left: 50%; width: 1024px; height: 100px; margin: 0px 0px 0px -513px; } /*----Style fuer den Kopf-Bereich----*/ #header { background-image: url("../images/kopf_bild.gif"); background-repeat: no-repeat; width: 1023px; height: 210px; margin: 0px 0px 0px -512px; padding: 0px; } #kopffoto { width: 172px; height: 180px; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 38px; } /*----Style fuer den #container----*/ #container { background-image: url("../images/background1024x10.gif"); width: 1023px; height: auto; margin: 0px 0px 0px -512px; padding: 0px; } #clear { clear: both; height: 1px; } /*----Style fuer die #seitenleiste----*/ #seitenleiste { float: left; width: 250px; margin: 0px 0px 0px 100px; padding: 100px 0px 10px 0px; } /*----Style für die Seiten-Navigation (Inhalt der #seitenleiste)----*/ ul.menu li { display: list-item; list-style-type: none; list-style-image: url("../images/stern_icon_links.gif"); list-style-position: outside; } ul.menu li a:link { color: #ffffff; text-decoration: underline; font-size: 14px; font-style: italic; font-weight: bolder; } ul.menu li a:active { color: #ffffff; text-decoration: underline; font-size: 14px; font-style: italic; font-weight: bolder; } ul.menu li a:visited { color: #ffffff; text-decoration: underline; font-size: 14px; font-style: italic; font-weight: bolder; } ul.menu li a:hover { color: #ffffff; text-decoration: underline; font-size: 14px; font-style: normal; font-weight: bolder; } /*----Style fuer den Inhalt (Texte-/Bilder----*/ #inhalt { color: #78769d; max-width: 573px; margin: 0px 0px 0px 350px; padding: 125px 75px 25px 75px; } /*----Style fuer den Fuss----*/ #footer { background-image: url("../images/background_foot1024x10.gif"); width: 1023px; min-height: 50px; color: #ffffff; text-align: center; font-size: 10px; margin: 0px 0px 0px -512px; padding: 0px; } #footer p { margin: 0px 0px 0px 390px; padding: 0px; } #footer a { color: #005a9c; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: underline; margin: 2px 5px 0px 5px; padding: 0px; } img.valide_seite { border-style: none; margin: 10px 0px -5px 0px; padding: 0px 5px 0px 5px; }
Eure Little Pink
Eine Seite die includiert wird darf nicht nochmal das ganze html Gerüst haben!
also alles löschen, was nicht innerhalb von <body> und </body> steht und dann mal schauen.
Hallo Mark!
Danke für den Hinweis!!!
Habe es auch direkt ausprobiert, aber der Fehler bleibt.
Leider!!!
Liebe Grüße
Little Pink!
Einmal ist vollkommend ausreichend.HTML-Code:<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
Dazu würde ich mal die Seite mit dem Validome - Validator checken.
Hallo Koenixblau!
Danke für deinen Hinweis!!!
Habe das geändert! Aber habe hierzu noch Fragen:
1.
Warum geht die Seite so wie ich sie vorher hatte problemlos durch den W3C-Validator???
Eigentlich hätte der sich doch beschweren müssen, da er doch eigentlich der "Oberguru" des Web-Standards ist oder habe ich da was falsch verstanden???
2.
Ich habe mit den Auszeichnungen nun herumgespielt und er validiert sie auch anstandslos, wenn ich beide drin lasse.
Warum reicht eine aus? Und warum soll ich soll mich entscheiden?
Ich dachte:
Die Iso ist doch der "Western-Zeichencode" und der andere der "Globale Zeichensatz" oder?
Sprich, wenn der Western-Code nicht zur Verfügung steht spring er doch durch meine Auszeichnung dann auf den Global ( also aufwärtskompatibel) oder ???
Bin ich da auf dem Holzweg und habe mal wieder was falsch verstanden???
Also: Wie mache ich es denn nun richtig und wann entscheide ich mich für was und warum?
Bis bald,
liebe Grüße Little Pink
Die Seite ging zuvor als OK durch, weil der Aufbau als alleinige Seite auch ok ist.
Es ist aber falsch, wenn man die Seite includiert, dann hat man nämlich mitten in einem Tag wieder <html> usw. stehen, was nicht richtig ist.
Hättest Du die Seite mit der includierten Seite, noch mit dem alten Code durch den Validator geschickt, hätte er das auch beanstandet.
Zu dem Content-Type:
Man nutzt nur ISO oder UTF-8. Jeder Browser kann heute nach UTF-8 codieren. Wenn Du beides drin hast, dann wird zwar die letzte genommen, aber er ist eine Fehlerquelle, dass ein Browser halt Misch Masch macht, wenn beide drin sind.
Ich persönlich nutze nur noch UTF-8, damit habe ich auch keine Probleme mehr mit Sonderzeichen und wenn die Page mal kyrillisch werden soll, muss ich nicht wieder alles ändern.
Noch 'ne Frage zum includieren von Seiten:
Das was Mark sagte, hat mir ja eingeleuchtet und ich habe es auch schon geändert.
Ich hatte sowas auch schon mal gelesen, doch da war ich aus folgenden Gründen beim Schreiben von ab:
Ich fange mit PHP gerade erst an und habe mir zig Beispiel-Skripts aus dem Internet runtergeladen und anhand derer versuche ich
a) zu sehen wie die es machen,
b) und zu sehen wann ich was am besten wann einsetze
c) mein eigenes Script nach meinen Bedürfnissen zu Coden.
Anhand des Buches (Einführung in PHP5 von O'Reilly falls das einer kennt oder jemanden interessiert) was ich zu PHP habe kam ich alleine nicht sonderlich weit.
Nun gut, nun ist es eben so, das ich in vielen der Beispielscripte eben genau das gefunden habe.
Das diese eben die komplette Html drin haben, nicht nur das zwischen <body></body>.
Und das obwohl die Seiten dann, in die eigene includiert wird. Sind die Scripte falsch? In den Anleitungen steht jedenfalls nirgends ein Hinweis das man nur den Body-Inhalt includieren darf.
Und die Scripte mit den Einbauanleitungen sind doch für Leute gedacht, die von all dem nichts wissen. also eigentlich für Menschen wie mich...
Also die Frage:
Ist es also grundsätzlich so, das wenn ich etwas includiere auf keinen Fall eine komplette HTML-Seite sein darf, sondern nur der body-Inhalt?
Und hat vielleicht jemand noch einen guten Buch-Tip für PHP-Einsteiger, das vielleicht ein bisschen einfacher geschrieben ist bzw. mehr praktische Beispiele hat.
Das schwerste ist halt immer der Anfang... und da ich mit Programmierung zuvor noch nie zu tun hatte, für mich zumindest sehr schwer!!!
Aber ich will es halt verstehen und vor allem richtig lernen und warum ich was tue!
Bin dankbar für jeden Tip!!!
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
