Probleme mit der Skalierung im Header - Carbon Theme [Gelöst]
|
Eryon
Joined: 2009-10-12
Posts: 3 |
Posted: Mon, 2009-10-12 14:50
|
|
Hallo zusammen, das zentrieren des Titelbildes und daß es mit der Auflösung des Browsers skaliert, also kleiner wird, hab ich mit Hilfe der Beiträge in diesem Forum hinbekommen. Dankeschön. Aber... Hier zu sehen: Irgendwer eine Idee, wo ich als programmiertechnischer Ignorant genau suchen sollte? Vielen Dank im Voraus für die Hilfe und Grüße aus Krefeld Gallery2 |
|
| Login or register to post comments |
Posts: 666
Hi Werner
Für das Bannerbild hast Du die Höhe mit 90px fest vorgegeben. Wenn Du nun die Fensterbreite verringerst, wird das Bild in der Breite skaliert, wobei die Bildproportion erhalten bleibt und somit auch die Höhe verringert wird.
Statt height: 90px; verwende width: 100%; für #gsHeader.
Übrigens, dies ist nicht programmieren sondern styling (Stichwort: CSS). Eine gute Infoquelle ist SELFHTML. Dazu noch die Firefox-Erweiterung Firebug. Damit finde ich Deine Styling-Eigenschaften jeweils innerhalb von Sekunden.
Good luck/oceco
Posts: 3
Hallo oceco,
jo, da lag der Fehler.
Hab jetzt
#gsHeader {
margin-left: auto;
margin-right: auto;
height: 90px;
text-align: center;
gegen
#gsHeader {
margin-left: auto;
margin-right: auto;
height: 100%;
text-align: center;
getauscht.
Vielen Dank für die schnelle Hilfe und nochmals Grüße
Werner
Posts: 666
Hi Werner
die Angabe von heigth: 100%; ist witzlos, Du kannst das sogar weglassen (wie auch alles andere, was Du angibst). Das <Div>-Element gsheader passt sich sowieso immer am Inhalt an, in Deinem Fall also der Bildhöhe. Sinnvoller ist width: 100%;. Wenn einer Deine Galerie mit 1600px Fensterbreite anschaut, so macht der Browser ein upscaling von Deinem Bild.
Wenn Du das Konzept mit width:xx%; konsequent durchziehst für alle Elemente in Deinem Theme, kann man ein G2-Album sogar auf einem Handydisplay mit 320x240 anschauen ohne einen horizontalen Scroll-Balken zu erhalten, welcher User nur nervt. Vertikale Scroll-Balken werden hingegen akzeptiert.
Gratis-Tipp: Schau mal Deine Galerie mit der grösstmöglichen Schriftgrösse an (<STRG> und Mausrad drehen), dann wirst Du verstehen was ich meine. Im Web ist das Stichwort dazu Barrierefreiheit. Deine Grossmutter wird's Dir Danken und Du bist in wenigen Jahren froh, wenn Du Dein Design nicht dem superhochauflösenden Bildschirmen anpassen musst. Auf meiner Webseite spezifizere ich deshalb alles nur in % in der Breite und in em (vom User gewählte Schriftgrösse, ist ebenfalls eine Breitenangabe {Breite des Buchstabens m}).
Noch eine Bitte: Füge den Titel Deines Ursprungs-Postings ein [gelöst] hinzu. Danke!
krgds/oceco
__________________________________________
Posts: 3
Oha, dachte, ich hätte das so irgendwo gelesen. Ok, werde ich ändern. Was du sagst, klingt logisch.
Danke und Grüße
Werner