Webseite in CSS <div> darstellen

WeMa · 21 September 2008

Hallo,
Ich habe schon gegoogelt und alles mögliche, aber keine passende Antwort auf folgende Frage erhalten:

Kann ich in einem CSS <div> eine Webseite darstellen, also so als würde man mit Frames arbeiten, das z.B. links immer ein Menü bleibt, ich in der Mitte dann aber eine externe Seite darstellen kann?

Ich freue mich auf eure Antworten!!!!!!

MfG

WeMa

threadi · 21 September 2008

WeMa schrieb:
... in einem CSS <div> ...

div und CSS sind 2 verschiedene Dinge. Das div ist ein HTML-Tag, welches andere Elemente nur gruppiert, mit CSS kann diese Darstellung grafisch beeinflusst werden.

Zu deiner Frage: man kann HTML-Tags per CSS scrollbar machen. Schau dir mal "overflow: scroll;" an. Achtung: dabei muss man immer feste Höhen und Breiten verwenden!

Die Handhabung ist jedoch nicht wie bei frames, dass man dann per src die Datei angibt, die angezeigt werden soll. Sowas ginge nur per PHP include()-Funktion oder anderen Webprogrammiersprachen. Eine richtig externe Seite kannst Du nur mittels iframe einbinden, was sich aber wohl auch wirklich nur bei externen, nicht zu dir gehörenden Seiten lohnen würde.

WeMa · 21 September 2008

also

Es ist also nicht möglich in einem CSS Gerüst eine externe Seite anzuzeigen?
Das ist aber doof.
Aber danke für den Tipp mit dem iframe, werd ich mir mal anschauen...

threadi · 21 September 2008

Nein, das ist rein mit CSS nicht möglich.

WeMa · 21 September 2008

rein

Was heißt "rein mit CSS" es gibt also einen Weg??

threadi · 21 September 2008

Muss ich mich glatt mal selbst zitieren:

threadi schrieb:
Sowas ginge nur per PHP include()-Funktion oder anderen Webprogrammiersprachen.

WeMa · 21 September 2008

Ist das sehr schwer zu realisieren? Wenn nein, wie?

threadi · 21 September 2008

Schau dir das Manual dazu an: PHP: include - Manual - gibt viele Beispiele. Und ist eines der einfachsten Dinge bei php. Wenn du Seiten von anderen Servern einbinden willst wäre PHP: file_get_contents - Manual das richtige.

WeMa · 22 September 2008

Irgendwie verstehe ich das mit dem PHP nicht ganz...

prm · 23 September 2008

Lies dir mal das durch: Umstieg von Frames auf CSS
Da sollte der Unterschied zwischen CSS-basiertem Layout zu den bisherigen Frames klar werden.

WeMa · 23 September 2008

Mein Problem ist ja nicht, das ich den unterschied zwischen CSS und frames nicht kenne, sondern das ich die Anleitung, um das was ich realisieren möchte mit PHP zu machen, nicht ganz verstanden habe und um Erklärung oder sogar Quelltext-Beispiele bitten würde...

Efchen · 24 September 2008

An der Stelle, an der Du den Inhalt einer anderen Datei in die aktuelle Seite kopiert haben möchtest, setzt Du den PHP-Befehl:

Code:

<?php include("filename"); ?>

Dieser Befehl wird dann vom PHP-Interpreter durch den Inhalt der Datei "filename" ersetzt.

Loon3y · 24 September 2008

Eigentlich ist es einfach du hast 2 Dateien

test.php

Code:

<h2>Ich bin ein Test</h2>
<p>Und werde eingefügt</p>

index.php

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
  <title>TEST</title>
</head>
<body>

<h1>Ich bin eine Seite</h1>
<p>Hier entsteht was schönes</p>

<br />

<?php include('test.php'); ?>

</body>
</html>

jetzt kannst du mal beide dateien hochladen und "index.php" öffnen und du siehst, es erscheint das geschriebene aus "test.php" an der stelle wo das include steht.

Wenn du nun in den Quelltext in deinen Browser schaust steht der PHP-Code nichtmehr dort, sondern das was in der "test.php" stand.

Grüßli

WeMa · 24 September 2008

Also ich hab des jetzt mal so bei meiner Seite eingerichtet(NUR BEI DER Index.html!): Fotoseite von Kilian Kottmeier, Fotograf in Stuttgart

Wenn man dort jetzt aber auf gästebuch klickt, passiert nichts, was habe ich falsch gemacht?

Ich freue mich auf eure Antworten!!

MfG

WeMa

threadi · 25 September 2008

Kann man schlecht sagen ohne php Code ;ugl

Loon3y · 25 September 2008

kann man gut sagen ohne php-Code

index.php

MUSS die datei heißen.

Efchen · 25 September 2008

Kann man so pauschal nicht sagen (dass die Endung .php sein muss). Das ist eine Sache der Serverkonfiguration. Obwohl es in den meisten Fällen wohl so sein wird.

Wenn ich auf "Gästebuch" klicke, passiert übrigens sehr wohl was.

Loon3y · 25 September 2008

außerdem hast du unterschiedlich verlinkt...es gibt

gaestebuch.php
Testseite

und

gaestebuch.html
Testseite

^^ wieso includest du das menu nicht in jede datei, so musst du das menu nur EINMAL schreiben und wenn du es änderst ist es in jeder Datei geändert :)

WeMa · 25 September 2008

Ich zitier mich einfach mal selber:

(NUR BEI DER Index.html!):

und das, weil ich es erstmal bei einer Seite testen will...

WeMa · 25 September 2008

@efchen: Was passiert da bei dir?
@Loon3y: Also, ich hab die Datei jetzt mal in index.php umbenannt, sie hat folgenden Code:

<head>

<title>Testseite</title>
<link rel="STYLESHEET" type="text/css" />

<style type="text/css">
@import url("css/define.css");
BODY {
background-image: url("/bg2.jpg");
background-repeat: no-repeat;
width:1024px;height:683px;
}

</style>
</head>

<body style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">

<div id="main">

<div id="head">
</div>

<div id="menue2">
<p>
<br />
<a href="arbeit.html"> <img style="border: 0pt none ;" src="/Buttons/Arbeit.gif" onmouseover="this.src = '/effekt/Arbeit.gif'" onmouseout="this.src = '/Buttons/Arbeit.gif'" alt="Arbeit" border="0" /></a>

<a href="lebenslauf.html"><img style="border: 0pt none ;" src="/Buttons/Lebenslauf.gif" onmouseover="this.src = '/effekt/Lebenslauf.gif'" onmouseout="this.src = '/Buttons/Lebenslauf.gif'" alt="Lebenslauf" border="0" /></a><br />

<a href="galerie.html"><img style="border: 0pt none ;" src="/Buttons/Galerie.gif" onmouseover="this.src = '/effekt/Galerie.gif'" onmouseout="this.src = '/Buttons/Galerie.gif'" alt="Galerie" border="0" /></a><br />

<a href="kontakt.html"><img style="border: 0pt none ;" src="/Buttons/Kontakt.gif" onmouseover="this.src = '/effekt/Kontakt.gif'" onmouseout="this.src = '/Buttons/Kontakt.gif'" alt="text" border="0" /></a><br />

<a href="gaestebuch.html"><img style="border: 0pt none ;" src="/Buttons/Gaestebuch.gif" onmouseover="this.src = '/effekt/Gaestebuch.gif'" onmouseout="this.src = '/Buttons/Gaestebuch.gif'" alt="text" border="0" /></a></p>

<a href="impressum.html"><img style="border: 0pt none ;" src="/Buttons/Impressum.gif" onmouseover="this.src = '/effekt/Impressum.gif'" onmouseout="this.src = '/Buttons/Impressum.gif'" alt="text" border="0" /></a>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p><br />

</p>

</div>

<div id="content">

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p><br />

</p>

<p><?php include('/gb/index.php'); ?>
</p>

</div>

</div>

<script type="text/javascript">

</script>
<script language="javascript" src="http://zaehler.kilian-photoart.net/phpmyvisites.js" type="text/javascript"></script>
<noscript><p>phpMyVisites : Ein Open Source-Website-Statistikprogramm in PHP/MySQL veröffentlicht unter der GNU/GPL.
<img src="http://zaehler.kilian-photoart.net/phpmyvisites.php" alt="Statistics" style="border:0" />
</p></noscript></a>

</body>
</html>

Meine frage lautet immernoch, was hab ich falsch gemacht?

Webseite in CSS <div> darstellen

Neues Mitglied

Moderator

Neues Mitglied

Moderator

Neues Mitglied

Moderator

Neues Mitglied

Moderator

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Moderator

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Neues Mitglied