Mit was ein Layout erstellen

[Erzengel]

Da ich mich Hauptsächlich nur Privat mit der

HTML/PHP/JAVASCRIPT/CSS/MYSQL Programmierung

beschäftige und mich dadurch durch verschiedene Foren/Tutorials/Google usw.
hangel

dabei immer wieder auf verschiedene Meinungen Treffe das man Layouts
nicht mit <table>
nicht mit <frameset>
nicht mit <iframe>

machen soll

sondern nur mit

css und <div> machen solle

Ich habe meine Seite die im reinen Privaten gebrauch nicht öffentlich zugänglich ist

zuerst mal ein Frameset für die Seiten Aufteilung (Layout) gemacht

dann dort wo es benötigt wird um Spalten und Zeilen wie in einer Excel tabelle
darzustellen diese natürlich mit einer <table> gemacht

Wie machen dies die Profis?

[urvater]

Frames nutzt man nicht, da sie mehr Probleme als Vorteile bringen. Wenn es dir privat reicht ist es doch ok.

Tabellen vs. DIV
Die meisten oder sogar alle Foren bauen auf Tabellen auf. Tabellen sind relativ einfach und erzeugen in so ziehmlich allen Browsern ein relativ gleiches Bild.

Mit DIV kann man einen gleichen Aufbau erzeugen. Allerdings liegt hier nicht selten der Hase in den unterschiedlichen Browsern und deren Versionen begraben.

Also Frames solltest du möglichst eher meiden, wärend Tabellen und DIV ihre Gegner und Befürworter haben.
Ich wüsste keinen echten Grund keine Tabellen als Gestaltungselement zu nutzen.
Sicherlich wird empfohlen Tabellen auch wirklich nur für die Anzeige tabellarischer Inhalte zu nutzen. Grund ist hier die Erzeugung von Quellcode, der für eine Barrierefreiheit besser geeignet ist, da ein Screenreader z.B. nicht weiß, wann eine Tabelle nur als Gestaltungselement oder eine tatsächliche Tabelle darstellt.

[cortex]

Zitat von Erzengel

das man Layouts
nicht mit <table>
nicht mit <frameset>
nicht mit <iframe>
sondern nur mit

css und <div> machen solle

richtig, denn die HTML-elemente sollen entsprechend ihrer semantik verwendet werden.

Zitat von Erzengel

ein Frameset für die Seiten Aufteilung (Layout)

framesets sind nicht bestandteil von html strict - als solches würde das dokument daher nicht validieren.

Zitat von Erzengel

dann dort wo es benötigt wird um Spalten und Zeilen wie in einer Excel tabelle
darzustellen diese natürlich mit einer <table> gemacht

eine tabelle für tabellarische daten - klingt gut.

cx

[Erzengel]

Für Tabellarische Inhalte table zu verwenden ist ja der Sinn darin
wobei ich schon gelesen habe auch solche Tabellen nur mit CSS zu machen

wo ich der Meinung bin das ich dann eine Tabellen Seite so mit Div zugeschüttet habe
das der Inhalt nicht mehr Lesbar ist. sowie die CSS Datei ja auch riesige Dimensionen
annimmt.

Wobei ich mich immer noch Frage wie ich es machen soll Drei voneinander
Unabhängige Bereiche zu machen.

So das nicht die Komplette Seite gescrollt wird sondern nur der Bereich der auch
gescrollt werden soll.

Der Obere Rand soll sichtbar bleiben
Der Linke Rand mit dem Menu soll Unabhängig von Content Bereich Scrollbar sein
Und der Content Bereich die eigentliche Anzeige soll immer wieder geändert
werden und auch falls Notwendig Scrollbar und wiederum 2 oder 3 Unterschiedliche Fenster mit verschiedenen Inhalt aufweisen die wiederum Selbst Scrollbar sind.

[knight1]

Zitat von Erzengel

...
Wobei ich mich immer noch Frage wie ich es machen soll Drei voneinander
Unabhängige Bereiche zu machen.

So das nicht die Komplette Seite gescrollt wird sondern nur der Bereich der auch
gescrollt werden soll.

Der Obere Rand soll sichtbar bleiben
Der Linke Rand mit dem Menu soll Unabhängig von Content Bereich Scrollbar sein
Und der Content Bereich die eigentliche Anzeige soll immer wieder geändert
werden und auch falls Notwendig Scrollbar und wiederum 2 oder 3 Unterschiedliche Fenster mit verschiedenen Inhalt aufweisen die wiederum Selbst Scrollbar sind.

Adhoc kommt mir da nur der Begriff Frames in den Sinn.
Für "echte" Framesets gibt es die Dokumenttyp-Deklaration Frameset so dass man auch dieses korrekt Validiert bekommt.
Das Problem ist aber der Tag iframe. Dieser ist, wie cortex schon angemerkt hat, nicht in der Dokumenttyp-Deklaration Strict erlaubt. Es muss dafür mit der Dokumenttyp-Deklaration Transitional gearbeitet werden. Wenn Du also mit Strictem HTML-Code arbeiten möchtest wirst Du

Zitat von Erzengel

...und wiederum 2 oder 3 Unterschiedliche Fenster mit verschiedenen Inhalt aufweisen die wiederum Selbst Scrollbar sind.

nicht haben können, es sei denn Du baust diese Content-Datei auch wieder als Frameset auf.
Ich habe irgendwo mal gesehen dass es Scrollbars gab ohne dass Frames genutzt wurden (Damit meine ich nicht die globale Scrollbar des Browserfensters). Allerdings habe ich keine Ahnung wie der Autor der Webseite dass hinbekommen hat (Es war am Layout ersichtlich dass es keine Frames waren) und welche Seite das war.


Kai aka Knight1

[Erzengel]

Bei der Definition von

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

sind Frames nicht erlaubt

die benötigen eine Definition von

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Also kann ich mit CSS kein Layout erstellen weil es für mich nicht die erforderlichen
Elemente bereitstellt.

Also muss ich dieses Layout wiederum wie oben beschrieben
(von dem ja einige behaupten man darf es nicht mehr)
als Frameset machen.

[Erzengel]

Habe die Momentane Aufteilung mal als Bild gespeichert
ist jetzt nur der Content Bereich abgebildet und der ist Abgschnitten (24" Monitor)

[cortex]

Zitat von knight1

Adhoc kommt mir da nur der Begriff Frames in den Sinn.

das hatte der op bereits angedacht und - siehe oben - beschrieben.

Zitat von knight1

Für "echte" Framesets gibt es die Dokumenttyp-Deklaration Frameset

frameset ist kein "echter" doctype, sondern lediglich eine krücke, um - wie du schon andeutest - das dokument überhaupt (irgendwie) validiert zu bekommen.

Zitat von knight1

Das Problem ist aber der Tag iframe. Dieser ist [...] nicht in der Dokumenttyp-Deklaration Strict erlaubt.

alternativ könnte man <object> verwenden...

Zitat von knight1

Ich habe irgendwo mal gesehen dass es Scrollbars gab ohne dass Frames genutzt wurden [...] Allerdings habe ich keine Ahnung wie der Autor der Webseite dass hinbekommen hat

div
{
	width: ...px;	
	height: ...px;

	overflow: auto;
}

cx

[cortex]

Zitat von Erzengel

Also kann ich mit CSS kein Layout erstellen weil es für mich nicht die erforderlichen Elemente bereitstellt.

seltsam, dass es (immer wieder) ein paar wenige gibt, deren problem so extra-ordinär ist, dass es sich nicht mit den sonst üblichen methoden bewältigen lässt...

bemühe doch einfach mal eine suma deiner wahl - stichwort: css layouts.

beispiele gibts u.a. hier: intensivstation: css templates

cx

[Erzengel]

Es ist sicher nicht so extra-Ordinär mein Problem.
Suchmaschine habe ich nach diesen CSS Layout bemüht leider brachte
es bis jetzt für mich gesehen,
nichts Sinnvolles hervor konnte zwar komplett die Seite Layouten hatte aber
bei Längeren Test Seiten das Problem das die Ganze Seite gescrollt wurde
und nicht nur der Inhalt Teil oder der Menu Teil getrennt von jeweils anderen.

Wenn ich diese Seite hier zum Beispiel nehme
Diese ist sehr gut aufgebaut.

Wie kann ich das Menu Klicken wenn ich bei einem Beitrag ganz unten bin ohne hinauf
zu scrollen?

Dies habe ich bis jetzt noch nicht wirklich heraus gefunden.