Webseite grösse der Bildschirmgrösse anpassen
Eingetragen von JohnyKrew (101)
am 03.09.2010 - 16:44 Uhr in
am 03.09.2010 - 16:44 Uhr in
Guten Tag
Ich bin eine Seite am aufbauen. Ich komme jetzt eigendlich ganz gut zurecht, jedoch habe ich noch ein Problem.
Wie kann ich machen dass sich die Webseite an den Bildschirm anpasst? Ich habe das themes "tivity". Also ich meine bei meinem
17 zoll Bildschirm ist das tip top aber wen ich diese auf einem 13 zoll Bildschirm öffne ist es alles so eingedrückt.
Hoffe ihr könnt mir da helfen.
- Anmelden oder Registrieren um Kommentare zu schreiben
holy grail
am 03.09.2010 - 17:32 Uhr
Ich kenne keine einzige Lösung, die sowohl auf kleinen, großen und 16:9-Bildschirmen funktioniert. Du kannst lediglich ein geeignetes Mittelmaß finden.
Du kannst dich einlesen, was Fixed vs. Fluid vs. Elastic angeht, etwa hier: http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-lay...
In der Regel legst du minimale und maximale Breiten fest, so dass die Zeilenlänge sinnvoll und lesbar bleibt. Und musst dich mit CSS auskennen und etwas rumprobieren, bis du Maße findest, die möglichst überall zu hübschen Ergebnissen führen.
(Ich arbeite übrigens fast ausschließlich mit festen Breiten. Andernfalls wird es teilweise ungeheuer schwer, vernünftige Headerbilder zu finden.)
ipad
am 03.09.2010 - 19:11 Uhr
Ja das ist mir bewusst aber auf dem Ipad zeigt es mir nur 1/4 von der webseite an, jedoch sollte es die doch automatisch anpassen oder nicht?
auf dem iphone funktioniert dies zwar...
Ansichts problem
am 21.12.2011 - 19:36 Uhr
Genau das selbe problem habe ich auch, auf meinen 17 zoll ist alles bestens, schau ich mir meine seite auf einen kleineren 15 zoll laptop sieht das ganze nicht so gut aus,
gibt es eine lösung? were sehr dankbar ich nutze das theme mayo für D7
Es gibt - wie Nicolai schon
am 21.12.2011 - 22:40 Uhr
Es gibt - wie Nicolai schon schrieb - die Möglichkeit Fluid Layouts zu erstellen - diese haben dann statt festern Pixel-Breiten prozentuale Angaben für die Breite / Höhe von Elementen.
Ein weitere Möglichkeit wären CSS Media Queries, damit lässt sich je nach Bildschirmgröße die Seite anpassen - du könntest dir hier bspw. für dein iPhone / iPad die Inhalte anders positionieren als bei einem Full-HD Monitor.
Weitere Infos bekommst du bspw. hier: http://www.undpaul.de/blog/2010/07/31/drupal-und-media-queries-stil-nach...
Ein Seitenbeispiel: http://www.somedayjacob.de/ - hier werden je nach Browsergröße Elemente verkleinert / anders positioniert oder auch einfach via display: none ausgeblendet.
Das [do:omega] Theme verfolgt bspw. diesen Responsive Design Ansatz - hier hättest du dann auch gleich ein Grid u.v.m.
SteffenR
http://www.twitter.com/_steffenr
Drupal-Initiative e.V.
Theme Template
am 22.12.2011 - 13:28 Uhr
Was würde es kosten ein eigenes Theme machen zu lassen? Da ich kein CSS und Html Profi bin, wäre es nicht schlecht, wenn es ein Theme wäre, wo ich nicht all zu viel ändern müsste.
Jasar schrieb Was würde es
am 22.12.2011 - 14:38 Uhr
Was würde es kosten ein eigenes Theme machen zu lassen? Da ich kein CSS und Html Profi bin, wäre es nicht schlecht, wenn es ein Theme wäre, wo ich nicht all zu viel ändern müsste.
Das kann man so pauschal nicht sagen - da solltest du dir einfach mal verschiedene Angebot von Agenturen / Freelancern einholen. Hier im drupalcenter gibt es für solch Zwecke auch ein JobForum, dort kannst du dein Angebot "ausschreiben". Wichtig - beschreibe deine Anforderungen möglichst genau - dies erleichtert das Erstellen eines Angebots ungemein ;)
SteffenR
http://www.twitter.com/_steffenr
Drupal-Initiative e.V.