Thema: css frames; target vergeben?


Seite durchsuchen:
Home


zurück zur Übersicht

Diskussionsgruppe: Webseiten/HTML

hallo

ich bin gerade daran CSS "frames" zu erstellen... hab bis her 3 teile: einen hauptteil (body), einen header (top) und einen nav auf der linken seite (nav)...

nun habe ich folgendes problem: wenn ich in der nav einen link anklicke möchte ich dass das entsprechende html file im body teil erscheint.... wie mach ich das ?

bei den altmodischen frames ging das ja so:

name=ausgabe

und beim link musste man dann nur noch target="ausgabe" eingeben (z.b. <a href="http://www.supportnet.de" target="ausgabe">supportnet.de</a )


vielen dank für eure hilfe!

gruss brshna

Von: brshna Datum: 23.05.2007, 11:16

alle Antworten zu dieser Frage




Antwort 1 von Ralfman vom 23.05.2007, 11:27
Hi brshna,
um Dir effektiv weiterhelfen zu können währ's schon gut den Quellcode mal anschauen zu können, um die Fehler zu fenden.
Hast Du die bisher fertigen Seiten schon irgendwo hochgeladen?

Ralf

Antwort 2 von rabies_ vom 23.05.2007, 11:46
CSS hat nichts mit Frames zu tun. Aber auch wirklich gar nichts.

Du solltest Dich, zeitgemäß, vom Konzept der Frames verabschieden, wenn Du schon Markup ((X)HTML) und Layout (CSS) trennst.

Grundlegend wird erst einmal jede Seite komplett neu geladen. Nicht nur Teilbereiche, wie es bei Frames so üblich ist/war.

Sprich: Du baust Dir erst einmal ein Grundgerüst Deiner Seite auf, wo die feststehende Navigation, der Header, Footer, Content (, uswusf) drin ist. Diese Datei nimmst Du als Vorlage für alle weiteren Dateien, in die Du dann nachfolgend den Content einpflegst.

--rabies.

Antwort 3 von rfb vom 23.05.2007, 11:56
Zitat:
wie mach ich das ?
mit HTML? Gar nicht!

Wenn du die Quelltexte für Header, Navigation und Content (die üblicheren Bezeichnungen - body hat schon eine andere Bedeutung) separat verwalten willst kannst du dies serverseitig per PHP machen (Stichworte include und readfile).

Einzelne Teile einer Seite nachladen kannst du allenfalls per AJAX, da dies aber auf JavaScript basiert ist es entsprechend absolut unzuverlässig und für wesentliches unbrauchbar.

Antwort 4 von brshna vom 23.05.2007, 13:51
also das was ich bis jetzt geschafft habe findet ihr hier: Link zu meinem Projekt

aber etwas ist noch komisch, beim IE sieht das katastrophal aus und beim firefox siehts so aus wie es sollte... also evtl. mit beiden browsern mal nachschauen...

gruss und danke für eure Hilfe!

eure brshna

Antwort 5 von rfb vom 23.05.2007, 14:08
der Quellcode steckt voller Fehler (W3C-Validator), außerdem schickst du den IE absichtlich in den Quirksmodus. Da kann es schon mal passieren, dass die Seite völlig anders aussieht als gewünscht.

Antwort 6 von brshna vom 23.05.2007, 14:15
hm.... was ist denn der dieser Quirksmodus genau? was bewirkt er? =s sorry wenn ich so viele fragen hab....

Antwort 7 von brshna vom 23.05.2007, 14:38
ok hab rausgefunden was der Quirksmodus ist und hab dies auch geändert auf http://www.6375.ch/test.html

Antwort 8 von Flupo vom 23.05.2007, 14:51
Auf den ersten Blick sind mir im Quelltext drei Blöcke mit CSS-Style-Definitionen aufgefallen, die zu einem zusammengefasst werden sollten.
Darüberhinaus fehlt beim zweiten (beginnt nach dem Textfiller-Script) die Typangabe und der dritte ist im <body> gelandet, wo er nichts zu suchen hat.
Wenn die Designphase halbwegs abgeschlossen ist, empfehle ich auch die Auslagerung der Styles in eine separate Datei. Das macht den Rest übersichtlicher.

Body als id zu verwenden, halte ich auch für etwas ungünstig. Wenn die Formatierung für den ganzen Body gelten soll, dann ergänze oben die entsprechenden Formatierungen.
<div id="body">...</div> wird dann überflüssig.

Auch nicht sehr schick, sind die Positionierungen per <br />. Soetwas macht man besser per margin oder padding. Hierbei ist nur wieder blöd, dass der IE in dem Bereich ne Macke hat und das falsch darstellt.

Auch innerhalb der Styles sind einige Böcke. Zum Beispiel wird #framecontentTop zweimal und z.T. unterschiedlich definiert. #framecontentLeft wird definiert, aber nicht verwendet...

Du wirst wohl noch ein Stündchen investieren müssen. ;-)

Gruß Flupo

Antwort 9 von brshna vom 23.05.2007, 15:14
also hab jetzt die fehler die W3 - Validator
vorhin entdeckt hat behoben... hab auch alle tipps von Flupo bearbeitet und die fehler behoben..

vielen dank bis hierhin...

nun ist aber immer noch das problem mit der ausgabe... kann ich dafür ein div container definieren der dann die html files ausgibt, oder ist das keine gute idee?

gruss brshna

Antworten der Gruppe: Webseiten/HTML
www.supportnet.de







Office 365 stellt vertraute Microsoft Office-Tools für die Zusammenarbeit und Produktivität über die Cloud bereit. So können alle ganz einfach von nahezu überall zusammenarbeiten und auf E-Mails, Webkonferenzen, Dokumente und Kalender zugreifen.