Frame an Browserfenster automatisch anpassen

tetchi · 23.01.2006, 09:35

Hallo Allezusammen,

ich habe mit Dreamweaver eine Homepage mit der Aulösung 1024x768 erstellt. Verwendet habe ich keine Tabellen sonder CSS um meinen Inhalt zu platzieren.
Ich möchte jetzt gern noch meine Seite so einstellen, dass die Anzeige sich an die Auflösung des Benutzerbrowserfenster automatisch anpasst. Das heist die Anzeige soll den vollen Bildschirm ausfüllen.
Bisher habe ich nichts dazu im Forum finden können.

Gibt es da einen Code? Kann ich das mit CSS im nachhinein noch machen?

Kann mir jemand helfen?

Boris · 23.01.2006, 10:21

Du kannst ein Design erstellen, das nicht nur aus festen Breitenangaben, sondern aus variablen (in %). Ob das umsetzbar ist, kommt aber auf die Art deines Designs an - kann man das irgendwo sehen?

tetchi · 23.01.2006, 11:01

Hallo Boris!
Wieso soll das abhängig vom Design sein? Kann ich nicht das Fenster (Frameset) allgemein anpassen?

Zitat:

Ob das umsetzbar ist, kommt aber auf die Art deines Designs an

Wenn Du den Aufbau meinst - Erläuterung:
Frameset bestehend aus drei Frames: Banner - Navi - Hauptteil
in allen drei Frames liegen Layer (Ebenen) wessen Klassen ich mit CSS-Stile formatiere.

Boris · 23.01.2006, 11:05

Weil es vom Design abhängig ist, ob man die Darstellung variabel machen kann (sprich: die Website ist immer maximal so breit wie das Browserfenster) oder nicht (die Breite ist z.B. immer nur 1024 pixel).

Ich wollte jetzt nicht deinen Framesaufbau wissen (welche du nicht wirklich nutzen solltest), sondern wie das Design der Website aussieht. Oder hast du keinerlei Grafiken auf der Website?

tetchi · 23.01.2006, 11:23

... doch Grafiken und Bilder habe ich. Gib mir mal bitte Deine E-Mail-Adresse.

Boris · 23.01.2006, 13:08

Was möchtest du jetzt - das deine Website immer mittig ist, oder immer die gesamte verfügbare Breite des Browserfensters benutzt?

tetchi · 23.01.2006, 13:16

Das sie immer die gesamte verfügbare Breite des Browserfensters benutzt.

Boris · 23.01.2006, 13:37

Dann musst du drei Dinge tun:

1. Nichts mehr absolut Positionieren
2. Dem DIV Layer1 die feste Breite entfernen (dadurch wird es 100% breit)
3. In den Hintergrund von Layer1 ein sich kachelndes, wiederholendes Bild einfügen, dass von dem Hintergrund von Bannerbild.gif passt

tetchi · 23.01.2006, 13:56

1. Nichts mehr absolut Positionieren
Muß ich das in jedem Frame einstellen oder nur im Frameset oder in der index.html? Soll ich die Positionierung auf "relativ" umstellen?

2. Dem DIV Layer1 die feste Breite entfernen (dadurch wird es 100% breit)
Was meinst du mit DIV Layer1? Wo?

3. In den Hintergrund von Layer1 ein sich kachelndes, wiederholendes Bild einfügen, dass von dem Hintergrund von Bannerbild.gif passt

Meinst du Hintergrund von Layer1 in der index.html oder allen Frames? Wie meinst du das mit dem kachelndes, wiederholendes Bild? Ich verstehe das nicht ganz was du da meinst.

MichaelM · 23.01.2006, 16:20

Warum stellst Du Deine Seite nicht mal Online?
Dann können Dir mehr Leute helfen..!!

belimo · 23.01.2006, 17:11

Zitat:

Zitat von tetchi

1. Nichts mehr absolut Positionieren
Muß ich das in jedem Frame einstellen oder nur im Frameset oder in der index.html? Soll ich die Positionierung auf "relativ" umstellen?

2. Dem DIV Layer1 die feste Breite entfernen (dadurch wird es 100% breit)
Was meinst du mit DIV Layer1? Wo?

3. In den Hintergrund von Layer1 ein sich kachelndes, wiederholendes Bild einfügen, dass von dem Hintergrund von Bannerbild.gif passt

Meinst du Hintergrund von Layer1 in der index.html oder allen Frames? Wie meinst du das mit dem kachelndes, wiederholendes Bild? Ich verstehe das nicht ganz was du da meinst.

1. Das musst du in keinem Frame einstellen. Dass musst du dem <div-Tag mitgeben. genau diesem div-layer vom 2. Punkt. Du sagtest ja du hättest das Design nicht mit Tabellen gemacht. Die einzige andere Möglichkeit sind div-Tags
3. Hintergründe mit CSS: http://www.css4you.de/backgroundproperty.html = Ein kleines Bild (zb. 10x10px und weil es sich in x und y-Richtung immer wiederholt als grosses Hintergrundbild wirkt.)

Aber: Bitte post mal deinen Websitecode oder noch besser: stell es ONLINE! Wenn du das nicht machst, gibt es nur allgemeine Antworten.

tetchi · 24.01.2006, 11:06

Na mehrfachen Wunsch stelle ich Euch nun den Weblink zur Verfügung Link
Ich verstehe Eure Tips nicht ganz. Wenn ich nur bei dem einen Layer diese Einstellungen vornehme, kann doch nur bei diesem Bild die Größenanpassung funktionieren? Nicht jedoch bei den anderen die auf den Folgeseiten liegen und auch nicht bei der Navigationsleiste (ist eine swf-datei) usw.....

Ich habe jetzt folgendes probiert:

Code:

<div id="Layer1" style="position:relative; width:0%; height:0%; z-index:8; left: 1px; top: 1px;" class="Bannerlogo"><img src="Bilder/Startseite/Bannerbild.gif" width="1007" height="137" class="Bannerlogo"></div>

Habe position auf relative umgestellt, width auf 0% und height auf 0%, left auf 1px, top auf 1px geändert. Nur dann verschiebt sich das Bild schon in meiner Auflösung total. Das Bild "Bannerbild.gif" ist nicht mein Hintergrundbild sondern das Bild im topFrame ganz oben. Deshalb verstehe ich es nicht.

Könnt Ihr mir mal ein Beispiel reinstellen?

Boris · 24.01.2006, 11:23

Aber bitte:
http://www.devshack.biz/experimente/menu/menu.html

So, wie ich es erklärt habe. Ein DIV mit kachelndem Hintergrund, da drauf dein Bannerbild.

belimo · 24.01.2006, 11:31

oder du nimmst statt dem kachelnden Hintergrund einfach den Bannerbild.gif als Hintergrund. Dann muss es einfach min. 1680 px Breit sein.

Variante von Boris ist aber definitiv Ladezeitsparsamer

Boris · 24.01.2006, 11:33

Zitat:

Dann muss es einfach min. 1680 px Breit sein.

Und wenn mein Bildschirm eine Breite von 1900px hat?