Dienstag, 7. September 2010, 16:39 UTC+2

Sie sind nicht angemeldet.

  • Anmelden
  • Registrieren

KEIN FRAMESET!

Maselde

Super Moderator

Beiträge: 2 440

Wohnort: D-NRW-Bielefeld

1

Donnerstag, 7. Januar 2010, 01:33

KEIN FRAMESET!

Mahlzeit! Ich wollte das gerne mal gefragt haben: Haben wir mittlerweile schon eine Lösung gefunden, wie ich Navigieren kann, ohne dass Navigationsleiste und Head immer neu geladen werden. Sprich dass der gewünschte Inhalt "in" meiner Seite erscheint - UND DAS OHNE FRAME(set)??

Ich weiss es geht, ich weiss nur noch nicht wie, und meine "google"-Versuche endeten doch eher kläglich....
www.maselde.de

Was ist geiler als ein Mac? Zwei. :apple:


RTFM - Read The Fucking Manual !
Erstmal suchen, probieren und google fragen.
kein privater Support - Fragen ans Forum richten.
Und - glaubt uns: BACKUPS MACHEN!
  • Zum Seitenanfang

Palma

Super Moderator

Beiträge: 1 295

Wohnort: Berlin

2

Donnerstag, 7. Januar 2010, 10:20

Ideen gab es einige, Lösungen keine.

Ich bin auch der Meinung, das muß man hinbekommen (ohne Frameset ? ) ?(
Meine Seite

1.Grundfunktionen von iWeb probieren ! 2. Hilfen wie iWebhilfe, Forumsuche und FAQ nutzen ! 3. Falls sich dann noch Fragen ergeben, diese im Forum stellen !
  • Zum Seitenanfang

Maselde

Super Moderator

Beiträge: 2 440

Wohnort: D-NRW-Bielefeld

3

Donnerstag, 7. Januar 2010, 13:29

es geht auch - irgendwie mit <div> und Containern.... Ich weiss nur nicht WIE!?
www.maselde.de

Was ist geiler als ein Mac? Zwei. :apple:


RTFM - Read The Fucking Manual !
Erstmal suchen, probieren und google fragen.
kein privater Support - Fragen ans Forum richten.
Und - glaubt uns: BACKUPS MACHEN!
  • Zum Seitenanfang

Caperdonich

Schüler

Beiträge: 117

Wohnort: NRW

4

Sonntag, 10. Januar 2010, 14:01

Ich hoffe ich habe das Problem richtig erkannt. Es gehört ja mittlerweile zum „guten Ton“ Websites ohne Frames und ohne Tabellen zu gestalten.
Die Theorie sagt, dass statt der Frames die Website durch Container (<div>) definiert wird.
Die gesamte Seite ist das übergeordnete <div> und innerhalb dieses Containers werden weitere Container für die einzelnen Seitenbereiche definiert. Also zum Beispiel einen für den Kopf- und Fußbereich, in der der Seitentitel stehen kann und das Impressum oder Kontaktmöglichkeiten. Einen Container für den Content und einen für die Navigation.
Das könnte z.B. so aussehen:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

     	<head>

               	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
               	<meta name="generator" content="Adobe GoLive">

               	<title>UnbenannteSeite</title>

               	<style type="text/css" media="screen"><!--

#main  {
background-color: #8b0000; visibility: visible; position: absolute; top: 0;
left: 0; width: 800px; height: 600px }

#kopf   {
background-color: #f00; visibility: visible; position: absolute; top: 10px; left:
10px; width: 750px; height: 100px }

#fuss  {
background-color: #0000cd; visibility: visible; position: absolute; top: 550px;
left: 10px; width: 750px; height: 50px }

#inhalt  {
background-color: #fffafa; visibility: visible; position: absolute; top: 111px;
left: 110; width: 650px; height: 400px }

#navi	{background-color: #f0f; visibility: visible; position: absolute; top: 111px;
left: 10px; width: 100px; height: 400px }

--></style>

     	</head>

     	<body bgcolor="#ffffff">

               	<div id="main">

                        	<div id="kopf"></div>

                        	<div id="fuss"></div>

                        	<div id="inhalt"></div>

                        	<div id="navi"></div>

               	</div>

               	<p></p>

     	</body>

</html>



Ich habe bewusst etwas grelle Farben genommen um die
einzelnen Container farblich abzugrenzen. Der Maincontainer oder auch Wrapper
genannt ist braun eingefärbt und in diesem befinden sich dann alle anderen
Container. Im ganz linken Container kann dann die Navigation eingebaut werden.
Dies lässt sich auch über CSS machen, oder man setzt hier Java oder anderes
ein.

Das Problem dabei ist, dass die Browser nicht alle CSS gleich verstehen und <width> nicht
die Breite ist. Klingt etwas verwirrend, denn mit <width> ist nicht die Gesamtbreite des Containers oder auch Box, als das <div>, gemeint, sondern nur die Inhaltsbreite der Box. Die Gesamtbreite des Containers/Box/<div> setzt sich wie folgt zusammen:

Breite

+Innenabstand (padding) links/rechts

+Außenabstand (margin) links/rechts

+Breite der Rahmenlinien(Border)
________________________________
= Gesamtbreite der Box.

Um das alles hinzukriegen ist u.U. ziemlich viel
Rechenarbeit und Try and Error mit unterschiedlichen Browsern notwendig.

Frameworks (z.B. YAML) können da unterstützen und einem viel Arbeit abnehmen.

IWeb sehe ich da nicht so in der Pflicht, da hier nicht sehr
stark in den Code eingegriffen werden kann ohne Umwege gehen zu müssen.

Und natürlich hoffe ich, dass meine Ausführungen weitergeholfen haben.

Slaintje

Caperdonich
whiskytown.eu <-- ist noch im Aufbau, aber wenn ihr Fragen habt nur zu !

Klausiki <-- ist eines meiner Projekte, aber ich finde leider nich so recht Zeit dazu

BMW-Stammtisch-MG <-- ich bin leidenschaftlicher BMW-Fahrer und Moderator im BMW-Forum

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Caperdonich« (10. Januar 2010, 14:15)

  • Zum Seitenanfang

didi

Super Moderator

Beiträge: 1 366

Wohnort: NRW

Beruf: Was gerade anliegt!

5

Sonntag, 10. Januar 2010, 14:13

Hallo Caperdonich,

schöne Erklärung :thumbsup:

Danke für deine Mithilfe.

Gruß

Didi
- An Apple a Day, keeps the Doctor away!
- Meine Seite
- Mein Blog
- Wer aufhört an sich zu Arbeiten, hört auf zu sein!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »didi« (10. Januar 2010, 15:04)

  • Zum Seitenanfang

Maselde

Super Moderator

Beiträge: 2 440

Wohnort: D-NRW-Bielefeld

6

Sonntag, 10. Januar 2010, 14:58

Zitat

IWeb sehe ich da nicht so in der Pflicht


Soll auch nicht mit iWeb realsiert werden...

TOP! Capi, top-posting. Werde es mal ausprobieren. DANKE
www.maselde.de

Was ist geiler als ein Mac? Zwei. :apple:


RTFM - Read The Fucking Manual !
Erstmal suchen, probieren und google fragen.
kein privater Support - Fragen ans Forum richten.
Und - glaubt uns: BACKUPS MACHEN!
  • Zum Seitenanfang

kos

Fortgeschrittener

Beiträge: 398

7

Sonntag, 10. Januar 2010, 15:03

Hallo allerseits,

Zitat von »Caperdonich«

Es gehört ja mittlerweile zum „guten Ton“ Websites ohne Frames und ohne Tabellen zu gestalten.
Das fand ich interessant. Es bestätigt mein Verständnis für Professionalität beim Gestalten der Internetseiten. ...Weniger ist mehr.... Auch die farbliche Gestaltung der Internetseiten unterliegt Modeeinflüssen. Und das geht neuerdings in Richtung helle Farben, viel weiß, so wie so, und Farbtöne aufeinander abgestimmt - was ohne Kentnisse der Farbenlehre kaum möglich ist.

Gruß,
kos
www.therese.kosowski.net
http://blog.therese.kosowski.net
www.varia-varia.de
  • Zum Seitenanfang

Maselde

Super Moderator

Beiträge: 2 440

Wohnort: D-NRW-Bielefeld

8

Sonntag, 10. Januar 2010, 17:39

ich bleib bei schwarz.
www.maselde.de

Was ist geiler als ein Mac? Zwei. :apple:


RTFM - Read The Fucking Manual !
Erstmal suchen, probieren und google fragen.
kein privater Support - Fragen ans Forum richten.
Und - glaubt uns: BACKUPS MACHEN!
  • Zum Seitenanfang

Ähnliche Themen

Thema bewerten