zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Website skalieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.09.2015, 03:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2015
Beiträge: 17
Leander befindet sich auf einem aufstrebenden Ast
Standard Website skalieren?

Hallo!

Meine Homepage ist SeelenPuls
Es ist ein Hintergrundbild eingebettet, über das Menü, Content usw. mittels Abständen von left und top gelegt werden.

Die Seite ist für 1024x768 gemacht...höhere Auflösungen zentrieren die Seite...

Nun möchte ich gerne das Hintergrundbild UND alle anderen Bereiche für höhere Auflösungen hochskalieren, sodass eben die gesamte Breite genutzt wird.

Wenn das Hintergrundbild größer wird, muss natürlich das Menü, der Content usw. bei anderen Pixelabständen angezeigt werden als bei 1024x768.

Gibt es da eine Möglichkeit, Bild UND Bereiche zu skalieren rein mit CSS und ohne Javascript?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.09.2015, 09:53
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 485
dazzle89 wird schon bald berühmt werden
Standard

Wenn ich dich richtig verstehe möchtest du dass wirklich alle Elemente der Seite, also Textgröße, Abstände usw. sich proportional vergrößern?

Dann müsstest du entweder mit Media Queries für höhere Auflösungen (Browserbreiten) arbeiten oder die Einheit vw verwenden.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.09.2015, 10:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.027
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Dann musst du erstens alle position:absolute und zweitens alle px-Werte entfernen. Da das ein großer Aufwand ist, wäre sehr anzuraten, die gesamte Website neu und semantisch sinnvoll zu strukturieren. Einen einfachen "Mach mir die Website so wie ich will"-Befehl gibt es leider nicht.
Mit Zitat antworten
  #4 (permalink)  
Alt 23.09.2015, 15:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2015
Beiträge: 17
Leander befindet sich auf einem aufstrebenden Ast
Standard

Danke!
Mit Zitat antworten
  #5 (permalink)  
Alt 02.10.2015, 15:02
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.10.2010
Beiträge: 151
MitjaStachowiak befindet sich auf einem aufstrebenden Ast
Standard

Eventuell vielleicht noch mit
Code:
transform: scale(1.3,1.3);
... Wobei natürlich das 1.3 entsprechend berechnet werden muss. Mit JavaScript geht das auf jeden Fall, vielleicht noch mit dem calc-Befehl von CSS.

Aber das ist natürlich nur ein Workaround

[Edit:] Und der Content müsste noch nach unten verschoben werden, also mit 'ner Matrix. Wie gesagt: Besser mit prozentualen Angaben arbeiten.

Geändert von MitjaStachowiak (02.10.2015 um 15:04 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Website Security laborix Serveradministration und serverseitige Scripte 8 02.01.2015 23:21
Teile der Website verschieben sich bei Auflösung Panamajack (X)HTML 7 19.06.2010 15:53
analysetool für websites opa-rudi Site- und Layoutcheck 23 05.08.2008 15:33
Bitte um Feedback zu meiner überarbeiteten Website Sen-nefer Site- und Layoutcheck 9 08.02.2008 16:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:47 Uhr.