Header Breite Responsiv 
Author: Michael G.
Visited 2759,
Followers 2,
Shared 0
Hallo,
wenn ich im Header im responsiv Einstellungen, ein Hintergrundbild einfügen möchte, wie breit darf das denn sein, damit das nicht verschwommen wird?
Posted on the
Du meinst in der Struktur der Vorlage für mobile Darstellung ?
Das kommt auf die Grafik an, in welchem Format (png, jpd, gif) und welche DPI Werte das Bild hat. Generell würde ich die Grafik für das Mobile auf 480px Breite speichern, damit auch am Handy alles angezeigt wird. (Wobei ich noch einen CSS Code einfüge um die Grafik noch für kleinere Formate sichtbar zu machen)
@Andreas S.
wie und wo muss die css Code eingefügt und was fur ein code?
ich habe die probleme mein header ist abgesnitten beim iPhones / smartphones? Haben Sie ein idee? sehe www•peejdee•com
vielen danke im voraus.
PJ D.
Gib diesen Code in den Head (vor dem </head> Tag !)
<style>
@media screen and (max-width: 719px) {
#imHeader {background-size: 100%; }
}
</style>
Muster zu sehen unter www.catv.at
@Andreas S.
Hatte geklappt, header ist ok!
was für code muss genutz, dass die footer passt?
Ich sehe das die Menu Button ist schön ein bissl weiter weg von header jetzt, gibt der ein fix für dieses problem?
MfG,
PJ D.
Für den Footer gibt es keinen generellen Code. Den muss man sich selber erstellen und in das Textfeld in der Struktur der Vorlage für mobile Geräte eingeben. Dort wird auch HTML Code akzeptiert.
Author
jetzt habe ich die grafik 480 breit gemacht.
aber bei der ansicht 720px fehlt links und rechts was, ist ja logisch, aber wie kann man da sumgehen das der header immer voll zu sehen ist?
Das ist eben das Problem denn es gibt Sprungmarken und für das mobile nur eine Grafik zum einstellen.
Sieh dir meine Musterbeispiel an im Quellcode habe ich extra für jede Sprungmarke eine Grafik eingebunden im CSS code.
Author
Kenne mich leider nicht mit CSS aus.
Das ist dann wirklich ein Problem das man nur eine Grafik einstellen kann.
Hm da muss ich mal gucken was ich nun mache