Beide Male: Gar nicht.

Dieser Artikel dürfte dir aber helfen: Faux Columns

Und du hättest kein neues Thema aufmachen müssen.

a) Schreib was du vorhast.
b) Eine Website ist ein Medium mit ganz eigenen Eigenschaften, die sich nicht 1:1 von und in andere(n) Medien übertragen lassen.

Man kann meines Wissens mit Zaubersprüchen durchaus eine externe Datei (auch HTML) in ein div packen. Ich glaube mal ein Javascript gefunden zu haben, welches genau das tut. Ist natürlich nicht so ganz wie ein iframe, weil's am Ende halt doch nur eine einzelne Seite ist, in die HTML-Code aus einer separaten Datei über ein Javascript eingefügt wurde.

Empfehlen würde ich ein derartiges Konstrukt (oder die Verwendung eines iframes) aber eher nicht - wüsste auch nicht, wozu das gut sein soll...

Wenn ich mich richtig erinnere, geht das über das <embed>- oder <object>-Tag. Dann könnte man allerdings (mit den entsprechenden Nachteilen) auch gleich <iframe> verwenden.

Aber: Was *genau* willst du denn überhaupt erreichen?

Zitat von »Papa_Schlumpf«

Dynaminsche Höhe-hab ich grad was gefunden es geht also doch das problem ist ich möchte das "menu" und "page" so reagieren die site hier:
http://www.pennlinepublishing.com/articles/cssDynamicHeight/ (klick auf "a solution that works") aber ich will ja noch den header drüber und den footer drunter haben- pixelgenaue höhe wegen dem hintergrund bild von 170pixeln. also das footer IMMER am unten am ende der site ist und "page" dynamisch (ggf. mit scrollbalken hoch-runter) ist.

Meinst du am unteren Ende des Inhalts oder immer am unteren Rand des Browserfensters? Das halte ich für eine ganz blöde Idee, denn das Browserfenster kann ganz unterschiedliche Größen haben. Lass den Footer ganz einfach am Ende des Contents anschließen; das bringt wenig Probleme, ist eine ganz gängige Sache und in meinen Augen die vernünftigste Lösung.

Übrigens: Es gibt natürlich Lösungen, die den Footer immer am unteren Bildschirmrand erscheinen lassen, aber die sind unverhältnismäßig aufwändig. Und gerade im Hinblick auf Browser-Kompatibilität verzichte lieber auf sowas.

Zitat von »Papa_Schlumpf«

Content-switch: sollte halt so sein das ich nicht alle seiten komplett neu machen muss und immer eine neue geöffnet wird wenn man nen link klickt sondern es sollte sich nur der inhalt der "page" ändern... also wie bei frames - nur hab ich gehoert frames sind ein nono beim hp basteln.

Frames sind out. Nicht zuletzt, weil sie im Browser für den Benutzer umständlich werden können (u.a. wenn man sie nicht verschiebbar macht, aber durch [Schrift-]Größenänderung ihr Platz plötzlich zu klein ist oder wenn man eine "Unterseite" als Lesezeichen speichern will; was auch geht, aber für den einfachen Nutzer zu kompliziert).

Was du vorhast, ist dagegen sehr sinnvoll, nämlich keine redundanten Site-Teile zu haben, sondern diese zentral vorzuhalten und wieder zu verwenden. Dafür solltest du aber auf eine Server-seitige Lösung zurückgreifen. Ob der Verbreitung nehme ich an, PHP steht dir zur Verfügung (wenn nicht, hast du wahrscheinlich ein ziemlich mieses Webhosting abgegriffen). Dann kannst du meine Lösung, den Page Includer verwenden. Damit gestaltest du einmalig das sich wiederholende "Drumherum" der Site, praktisch also das Aussehen sowie Navigation, Footer usw. Die eigentlichen Inhaltsseiten legst du in eigenen Dateien als "Mittelstücke", also ohne das "Drumherum" ab. Per URL-Parameter übergibst du dann der zentralen Datei den Namen der Content-Datei und dessen Inhalt wird dazwischen eingefügt.

Sollte sehr einfach zu verstehen und zu nutzen sein, aber bei Fragen bin ich da

Siehe dazu den Artikel 'Faux Columns', den ich verlinkt habe. Es wird ein Hintergrundbild verwendet, um beide Spalten gleich weit vertikal auszudehnen.

Edit: Statt

Versuche dies:

Das 'clear: both;' kannst du natürlich besser in die Stylesheet-Angaben im Kopf in den #contentfoot-Block verschieben.
So wird der Footer immer unterhalb der beiden Spalten angezeigt. In deinem bisherigen Quelltext wurde das clear nicht richtig angewendet.

Zitat von »Papa_Schlumpf«

tante edit sagte gerade ich soll mal brav danke sagn und dir nen heissen kakao anbieten

Heißt das, du hast 1. oder 2. oder beide geklärt?

Zitat von »Papa_Schlumpf«

1. aber irgendwie nimmt der die width von divs in den "content-php"dateien nicht -> siehe getraenke!

Zum aktuellen Zeitpunkt entspricht die Breite der drei <div>-Elemente der Getränke-Seite genau den im Quelltext
angegebenen Werten.
Edit:

Zitat von »Papa_Schlumpf«

problem 1. (width der divs) gelöst - er wollte gerne : width: 200px; anstatt width: 200;

Na klar: Es muss ja auch eine Einheit angegeben weden. Bei HTML war das früher nicht der Fall, daher wohl das Missverständnis.

Zitat von »Papa_Schlumpf«

2. haben menu und inhalt ja meist unterschiedliche und dadurch fehlt "farbe" - wie bekomm ich das hin das sie immer automatisch gleich lang sind?

Zitat von »Y0Gi«

Siehe dazu den Artikel 'Faux Columns', den ich verlinkt habe. Es wird ein Hintergrundbild verwendet, um beide Spalten gleich weit vertikal auszudehnen.

Und: Statt <br clear="all"> benutze <br style="clear: both;">. Ersteres ist veraltete HTML-Schreibweise.

Zitat von »Papa_Schlumpf«

ja aber sind sie dann noch dynamisch in der hoehe oder fest der groesse des pics?

Die <div>s für die Spalten dehnen sich *nicht* dynamisch vertikal, also bis ganz nach unten, aus. Dieser Eindruck wird aber vermittelt, weil ein gekacheltes Hintergrundbild verwendet wird. Dazu wird ein <div> definiert, dass die <div>s für beide Spalten enthält und dieses bekommt dann auch das Hintergrundbild zugewiesen. Da das umschließende <div> die Höhe des höheren eingeschlossenen <div> annimmt (es dehnt sich entsprechend dem, was in seinem "Bauch" ist, aus), wird das Hintergrundbild soweit wiederholt, dass es die komplette Höhe der höheren Spalte - und damit auch die der jeweils anderen - abdeckt.

Da das Hintergrund ja vertikal wiederholt wird (background-repeat: repeat-y, kann es auch nur wenige Pixel hoch sein, je nach Muster. Ein Beispiel: http://homework.nwsnet.de/style/page-background.png

Zitat von »Papa_Schlumpf«

also ein horizontales 960px breites hintergrund pic für den <div id="frame"> ???

Nein, du würdest vielmehr ein <div> hinzufügen, das nur in deinem Fall #contentmenu und #contenthead enthält.
Tipp: Rücke die Tags anhand ihrer Verschachtelungstiefe ein, damit die (Baum-)Struktur des Quelltextes deutlich wird.

Stimmt, bei #frame sollte es auch funktionieren. Das Hintergrundbild wird aber auch für Header und Footer verwendet; sollte das nicht gewollt sein, müssen diese ebenfalls ein Hintergrundbild und/oder eine Hintergrundfarbe oder Content bekommen, um das Bild darunter zu überlagern.