mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 27.04.2024 00:00 Benutzername: Passwort: Auto-Login

Thema: DIV vertikal 100% je Auflösung und horizontal in Relation vom 09.11.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> DIV vertikal 100% je Auflösung und horizontal in Relation
Autor Nachricht
philharmonie
Threadersteller

Dabei seit: 09.11.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 09.11.2012 17:43
Titel

DIV vertikal 100% je Auflösung und horizontal in Relation

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,

ich habe ein Hintergrundbild das 2000x1970 Pixel groß ist.
Dieses soll sich je nach Auflösung anpassen.
Es soll immer 100% des Bildschirms in der Höhe füllen.
Die Breite soll sich jedoch anpassen (und nicht 100% füllen).

Ich habe mich bereits an "supersize" in jQuery versucht, jedoch basiert das darauf,
den Bildschirm komplett mit dem Hintergrundbild zu füllen. Dies möchte ich aber nur in vertikaler Richtung.

Wie stelle ich das am besten an?

Anmerkung:
http://d.pr/i/Lbwm
hier kann man den aktuellen Entwurf auf einem großen Bildschirm sehen.
Die Seite soll sich nun aber an diese große Auflösung anpassen.

Ich hoffe, ihr könnt mir helfen!
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 09.11.2012 18:15
Titel

Antworten mit Zitat Zum Seitenanfang

Vom Ansatz irgendwie so...

Code:
<div style="position: absolute; z-index: 10; width: 100%; height: 100%; text-align: center;">
  <img src="dein/hintergrundbild.jpg" style="height: 100%;" alt="bla" />
</div>
<div style="position: absolute; z-index: 20; width: 100%; height: 100%;">
  <p>Deine Seite</p>
  <p>...</p>
</div>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
tschuingum

Dabei seit: 17.06.2009
Ort: Karlsruhe
Alter: -
Geschlecht: -
Verfasst Fr 09.11.2012 20:28
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn du 'supersized' (http://buildinternet.com/project/supersized/) meinst, dann schau mal auf die Optionen (fit_always, fit_portrait, fit_landscape). Schöner geht es per css3 mit der Eigenschaft 'background-size'.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] Zentrieren vertikal und horizontal
container horizontal und vertikal ausrichten.
Dreamweaver - Horizontal und vertikal ausrichten
Javascript Code von vertikal auf horizontal
nur vertikal-scrollen / nicht horizontal. geht das?
automatisch bildschirmgröße anpassen, horizontal + vertikal
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.