Design bzw. Header Facebook
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bekommen
bildschirm
container
datum
einzigen hintergrundfarbe
erreichen
folgender gravierende unterschied
formatierung
grafik
header
hintergrundbild
hintergrundfarbe
mache
nennen
position
sagen
unterschied
url
verwenden
zoll
-
Hallo,
bei Facebook ist ja der Header oben blau und geht über den ganzen Bildschirm, wie funktioniert das? Wenn ich bei meiner Community so ein Header mache, dann ist er bei einem 15,4 Zoll auch über den ganzen Bildschirm. Nehme ich aber einen 24 Zoll Bildschirm ist der Balken nur noch halb rüber.
Das ist doch auch nur eine Grafik oder was muss ich da machen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wenn ich mir den Header deiner HP im Vergleich zu dem von Facebook anschaue, fällt mir folgender gravierende Unterschied auf: du verwendest eine Grafik, Facebook einen DIV-Container mit einer Breite von 100%, und einer einzigen Hintergrundfarbe. Das ist dann auch schon die Lösung ...
-
Also vom Quelltext her würde ich sagen, dass die dort eine <div> genommen haben. Der hat die id "bluebar" und wird dann später dynamisch mit Daten belegt, wenn ich das so richtig sehe. Die Formatierung würde ich jetzt mal css zuschreiben.
-
Wenn du einen Div-Container nimmst, den ganz oben anordnest, ihm die breite 100% gibst, und ihn dann so formatierst wir du möchtest, z.B. Hintergrundbild oder Hintergrundfarbe, wird das auf die ganze breite verteilt. Funktioniert alles über CSS.
-
stimmt mit css geht es am einfachsten,
einei einzige neue klasse, da kann man eigentlich nichts falsch machen.
mal ein bsp:
wir nennen es jetzt auch einfach bluebar,
/*Kommt zur Style.css oder wie du es auch genannt hast*/
#bluebar {
position: absolute;
top: 10px;
left: 0%;
width: 100%!important;
height: 30px
background-image: url();
background-color: #Farbwert;
}
/*dann halt noch die entsprechende div */
<div id="bluebar"></div>
somit erreichen wir dass sich dass ganze wirklich zu 100% anpasst und keine abstände nach links und rechts hat.
natürlich kannst du mit den werten noch ein wenig spielen.
jetzt kommt aber noch ein kleines problem,
die grafik die du verwenden willst sollte, wenn sie "verlängert" wird keine unterschiede bekommen,
sprich ist ein einfacher farbverlauf oder ein farbwert der bequemste weg um es zu lösen. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
