Website mit Fullscreen

visio · 21.09.2011

Kennt ihr ein JQuery Script womit sich die Website immer auf die Auflösung des Benutzers automatisch anpasst. Meine Kentnisse belaufen sich auf HTML/ CSS und eine Flash Seite soll es auch nicht werden.

Hier eine Beispielseite die das ganze verdeutlicht.

http://design35.cmdwebsites.com/index.php?splash=1

Herr_D · 21.09.2011

AW: Website mit Fullscreen

Aber die Seite ist doch in Flash?

Was ist dein Ziel? Was soll sich anpassen? Breite & Höhe? Schriftgrad?

visio · 21.09.2011

AW: Website mit Fullscreen

Es geht darum das ein Kunde gerne seine Website im Stil der Beispielsteite haben möchte nur ohne Flash.

Die Fotos die für den Hintergrund verwendet werden, sollen sich der Auflössung des Monitors immer anpassen. Die Navigation und der Inhalt (Text) sollen natürlich auch eine bestimmte Position einnehmen also nicht fest platziert werden.

Myhar · 21.09.2011

AW: Website mit Fullscreen

Eine Webseite passt sich automatisch der Auflösung der Besucher an

Code:

<html>
<head><title>Ich bin ein Titel</title></head>
<body>
<p>
Das ist ein Paragraph, welcher sich über die gesamte Seitenbreite zieht. Je nach Platz des Besuchers der Webseite, wird der Text früher oder später (oder bei entsprechend großem Monitor auch nie) umgebrochen. 
</p>
</body>

Du musst schon genauer spezifizieren, was genau dein Problem ist.
Wenn es dir rein ums Background-image geht, dann solltest du.

L. G.

visio · 21.09.2011

AW: Website mit Fullscreen

Ja das mit dem Background Image ist schon richtig, aber wie ist es wenn ich eine Navigation habe. Ich möchte das diese z.B. immer links ist und immer einen Abstand von dem linken Rand des Monitors hat, der 30px beträgt. Also im Prinzip wie die Beispielseite die ich oben gepostet habe, dort hat man auch ein Hintergrundbild das sich der Auflösung anpasst sowie die Navi die immer den gleichen Abstand von oben und links annimmt.

cebito · 21.09.2011

AW: Website mit Fullscreen

visio schrieb:
Ja das mit dem Background Image ist schon richtig

BG-Image oder meinst auch die in der Gallery?

visio schrieb:
aber wie ist es wenn ich eine Navigation habe. Ich möchte das diese z.B. immer links ist und immer einen Abstand von dem linken Rand des Monitors hat, der 30px beträgt.

Dafür gibts in CSS die Eigenschaft "position", ließe sich aber auch mit margins und/oder paddings lösen.

visio schrieb:
Also im Prinzip wie die Beispielseite die ich oben gepostet habe, dort hat man auch ein Hintergrundbild das sich der Auflösung anpasst sowie die Navi die immer den gleichen Abstand von oben und links annimmt.

Wie gesagt Hintergrund? - dann sinus' Links oder Bspw. http://www.aaronvanderzwan.com/blog/2009/09/maximage-jquery-image-scaler/, sollen die Bilder wie in der Galerie nicht unbedingt den Bildschirm füllen, dann lässt sich das auch einfach bewerkstelligen:

Bildgröße ermitteln (bspw. so ) was allerdings nicht sehr performant ist, besser gleich die Bildwerte per PHP übermitteln lassen und in ein Array eintragen. Daraus das Seitenverhältnis ermitteln und je nach dem Verhältnis von Bildschirmbreite zu Höhe das Bild so ausgeben, das es in einer Dimension die Maximalgröße hat. Im Gegensatz zur vorliegenden Flashseite ließe sich das auch in Echtzeit und nicht erst beim Bildwechsel durchführen.

visio · 22.09.2011

AW: Website mit Fullscreen

Ok super, das ist genau das was ich gesucht habe, die Links helfen mir weiter.

Danke Leute