#1 14. September 2009 Hab da so ein kleines Prob und zwar habe ich ein Screendesign bzw. ein Homepage in Photoshop designed und bin von den Maßen bzw. der Auflösung meines Bildschirmes ausgegangen. Die Auflösung meines Bildschirmes sind 1366x768. Wenn ich nun die Page bzw. die größe in der ich sie anfertige mal zum Test hochlade und mir diese mit einer anderen Auflösung z.b. 1024x768 anschaue ist es nicht dynamisch und ich habe sehr lange Scrollbalken. Diese habe ich aber in meiner eigenen Auflösung nicht. Nun stelle ich mir die Frage wie ich der Homepage eine dynamische Größe geben kann. Habe / werde das ganze mit HTML und CSS umsetzen. (Habe von Javasrcipt und PHP leider keine Ahnung.) Also meine Frage ist einfach: Wie bekomme ich es hin das man meine Homepage mit jeder Auflösung normal anschauen kann, ohne das sie so verrutscht. Sozusagen eine dynamische Größe. Hoffe ihr könnt mir helfen. mfg Brutails + Multi-Zitat Zitieren
#2 14. September 2009 AW: Dynamische Größe für eigene Homepage Größenangaben in Prozentwerten angeben. Eine andere Möglichkeit ist, die Seite in der kleinsten verwendeten Bildschirmgröße zu erstellen und dann einfach mit einem Hintergrund versehen, der den ganzen Bildschirm ausfüllt und die Seite dann mittig positionieren (wie zum Beispiel hier auf RR). Nachteil: bei hohen Auflösungen hat man nichts von seinem großen Bildschirm. + Multi-Zitat Zitieren
#3 14. September 2009 AW: Dynamische Größe für eigene Homepage Wäre nützlich wenn du einen screenshoot posten würdest. Aber du hast es ja eigentlich schon gesagt: HTML und CSS ist alles was du brauchst. Evt. ein bisschen JS wenn du Formulare benutzt oder so - aber das ist nebensache... Dynamische größen bekommst du mit margin hin. (Außenabstand der Elemente) + Multi-Zitat Zitieren
#4 14. September 2009 AW: Dynamische Größe für eigene Homepage Ich schließe mich meinname( super nick ) an. Als Tipp gebe ich dir noch folgenden Link mit auf den Weg, der praktisch sein könnte wenn du Variablegöße benötigst: Flexible percentage layout using css and background image, css percentage layout + Multi-Zitat Zitieren
#5 14. September 2009 AW: Dynamische Größe für eigene Homepage So hab hier jetzt einfach mal das einfachste Beispiel genommen. Hier einmal der Link zu ner Beispiel Seite: http://www.choosenone.de.vu/test Wie man ganz deutlich erkennen kann wird die Seite bestimmt bei euch nicht perfekt sein und ihr habt Scrollbalken ohne Ende. Hier noch der Quelltext: So nun hoffe ich das mir jemand irgendwie nen Tipp dazu geben kann wie ich diese "Seite" dynamisch machen kann. mfg Brutails €dit: Bitte wenn ihr dem Link folgt die RR Leiste ausblenden bzw. den Link mal ohne RR Leiste aufrufen bitte, damit das Ergebnis nicht verfälscht wird. + Multi-Zitat Zitieren
#6 14. September 2009 AW: Dynamische Größe für eigene Homepage Nur um kein Missverständnis entstehen zu lassen: Soll das eine Website sein, oder ein Screenshot von einer Website? + Multi-Zitat Zitieren
#7 14. September 2009 AW: Dynamische Größe für eigene Homepage ^^ Hab jetzt einfach mal einen Screen von WEB.de gemacht was in meinem Browserfenster genauso groß ist wie die Homepage bzw. soll das ja nur ein sehr einfaches Beispiel sein. Ist immoment nur ein Pic. Jedoch sieht man dort ja deutlich, dass es bei verschiedenen Auflösungen scrollbar ohne Ende ist. mfg Brutails + Multi-Zitat Zitieren
#8 15. September 2009 AW: Dynamische Größe für eigene Homepage Das bekommst du nur in Prozentangaben hin und nicht mit px + Multi-Zitat Zitieren
#9 15. September 2009 AW: Dynamische Größe für eigene Homepage DAnke ^^ jedoch wurde mir das ja schon ein paar Posts über deinem mitgeteilt. Hat den jemand ne Idee wie ich das auf den Quellcode oben anwenden kann? mfg Brutails €dit: Hätte jetzt wohl ne Lösung die aber halt wirklich aufwändig wäre. Ich könnte 3 Versionen der HP erstellen einmal für die Auflösung 800x600 dann für 1024x768 und 1280x768. Bevor die Seite geladen wird könnte ich dann per JavaScript abfragen welche größe das Browserfenster hat und dann die dem entsprechende index.html laden. So schwer scheint das nicht zu sein das Designe anzupassen. mfg Brutails + Multi-Zitat Zitieren
#10 15. September 2009 AW: Dynamische Größe für eigene Homepage Dein Beispiel ist ein Bild und keine Website. Daher kannst du das auch nicht vernünftig dynamisch lösen, schließlich kannst du die einzelnen Elemente nicht in der Größe verändern. edit: nochmal die Frage: Willst du die Seite bloß zentrieren und mit einem Bildschirmfüllenden BG versehen oder wirklich dynamisch machen? + Multi-Zitat Zitieren
#11 15. September 2009 AW: Dynamische Größe für eigene Homepage du änderst ganz einfach Code: width:1349px; height:585px; ===> [b]width:100%;[/b] height:585px; Wenn die Seite immer genauso breit sein soll, wie die Auflösung es angibt. + Multi-Zitat Zitieren
#12 15. September 2009 AW: Dynamische Größe für eigene Homepage Dynamich ist immer gut, würde aber trotzdem eine minimale Breite und eine maximale Breite angeben, da sich auf einem Widescreen Textzeilen über die ganze Bildschirmbreite (oder sei es nur 3/4) nicht sonderlich gut lesen lassen. Genauso wenn der Text pro Zeile nur Platz für 1-2 Wörter hat... + Multi-Zitat Zitieren
#13 15. September 2009 AW: Dynamische Größe für eigene Homepage Ok dann formuliere ich meine Frage um. Dann möchte ich das dieses Bild auf jeden Auflösung den Browser normal ausfüllt bzw. wie könnte ich das Bild wenn es jetzt z.b. für 1024x768 ausgelegt ist für andere Auflösungen zentrieren? mfg Brutails €dit: Anscheind hab ich es nun hinbekommen. Danke an alle noch mal. Habt ja auch was dafür bekommen. Wer noch irgendwelche Lösungsansätze hat eifnach posten. + Multi-Zitat Zitieren
#14 15. September 2009 AW: Dynamische Größe für eigene Homepage Man kann zwar mit html eine variable Breite bereitstellen allerdings nur dann wenn das Design dafür ausgelegt ist. Sollte es in deinen Fall nicht dafür ausgelegt sein musst du vorher nochmal mit Photoshop ran um es für eine dynamische Breite auszurichten. Alternativ könnte man ein Statisches Design machen mit einer Maximalbreite von 990-995 Pixel Breite und je nach dem das Design Links oder Mittig positionieren... + Multi-Zitat Zitieren
#15 15. September 2009 AW: Dynamische Größe für eigene Homepage Das auch ne Methode die ich wenn ich keine Ahnung mehr hätte auf jedenfall mal probieren werde. Jedoch habe ich es ja nun endlich irgendwie doch hinbekommen. Werde mich aber ggf. noch mal melden, wenn noch ein Problem vorliegen sollte. mfg Brutails + Multi-Zitat Zitieren