in der suche habe ich nicht genau gefunden was ich suche, ich hoffe ihr könnt mir helfen.
ich möchte ein bild als hintergrundbild im body per css machen. klappt auch alles soweit. leider wird das bild bei den verändern der seite, also größer oder kleiner scrollen mit der maus nur so dargestellt wie ich es nicht will, da dann weiße streifen auftauchen.
ich möchte das bild so, das es egal wie die auflösung oder sonst was ist, immer 100% ausfüllt.
quelltext:
body {
color: white;
background-image: url(bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.5;
}
ich habe es schon mit width: 100%; versucht aber das nimmt er nicht für das bild.
Der folgende CSS-Code funktioniert in allen modernen Browsern und IE ab Version 9, da es sich um eine neue CSS3 Eigenschaft handelt. Ältere Browser zeigen das Bild zentriert in der Mitte mit der original Grösse an.
Wichtig ist, dass du dem Element html und body jeweils die Höhe und Breite von 100% zuweist.
und was anderes noch, wenn ich in meinem menü auf einen punkt klick läd der ja neu, da flackert das bild immer erst einmal kurz weiß, weiste wie ich das noch dazu weg bekomme?
und wie kann ich jetzt anchdem allesauf 100% steht dan wrapper noch runterstellen? mir ist die ganze seite an sich zu breit, würde die lieber statt 100 auf 85 setzen
muss ich das jetzt in de css oder in die html dateien eintragen?
Lesen und verstehen ist wohl auch eine Kunst. Ich schrieb:"Der folgende CSS-Code ".
Somit kommt der Code-Schnipsel in die CSS-Datei und zwar an den Anfang.
wenn ich in meinem menü auf einen punkt klick läd der ja neu
Wer? Der Menüpunkt? Nö, der ist im Speicher, warum soll der neu geladen werden.
neee frames nicht, ich meine das bild der hintergrund läd neu, und flackert da kurz weiß auf.
und wie kann ich jetzt anchdem allesauf 100% steht dan wrapper noch runterstellen? mir ist die ganze seite an sich zu breit, würde die lieber statt 100 auf 85 setzen?
Graf Alucard möge doch den kompletten HTML- und CSS-Code ins Wunschforum stellen, damit die untertänigen Zauberposter, denen die Glaskugel gerade in den Brunnen gefallen ist, sich der Sache annehmen können.
ich kann nicht von den css dateien und den html seiten alles rein stellen.
es tut mir echt leid das ich noch so ein anfänger bin, aber du bist bestimmt auch nicht als profi auf die welt gekommen, keiner zwingt dich mir zu helfen, aber mit so nem text brauchste mir nicht kommen…
da lieber verzichte ich auf deine hilfe!
der code ist ok. habe jetzt soweit alles hinbekommen was gehen soll. nur das dumme hintergrundbild blitzt 1x weiß auf wenn ich mich im menü bewege.
quasie, du bist auf der startseite udn klickst auf impressum, da ändert sich ja zb der text im textbereich. und bei diesem wechsel blitzt der hintergrund weiß auf.
Ich verstehe wohl dein Problem, nur ist es ohne Code wirklich nicht nachvollziehbar. Es reicht auch wenn du nur den HTML und CSS code der Seite wo das Problem auftritt hier reinstellst. Kannst ja den Text rauslöschen, der hier niemanden etwas angeht.
Normalerweise tritt das Problem nur auf wenn Hintergundbilder neu geladen werden müssen und diese sehr gross sind, es kann auch ein langsamer Hoster Schuld sein, aber das ist alles wie fischen im trüben Wasser.
ok ich geb mal den text rein, nicht wundern, ist ein text der nach einem buch entstanden ist und jetzt passend abgeändert wird^^ die css ist kein ding, nur bei der html weis ich nicht was ich dir da geben soll, denn das tritt ja auf der ganzen seite auf.
hier aml der css code:
ich nehme firefox und das bild ist ca ein halbes MB.
ok mal kurz ne frage, ich ahbe 2 css dateien, eine für den style den anderen wegen drucken der seite.
bei den html habe ich die index seite und dann für jeden menüpunkt ne neue html datei. diese wird aber gesamt genommen und nicht in der box textteil geladen sondern komplett. quasie das was auf der index seite ist ist identishc mit der zb impressum, nur der inhalt anders im textteil.
ich zeig dir mal den code der index html:
Habe das jetzt mal mit mehren Browsern und einer 470kB grossen Grafik getestet. FF, Chrome und Safari flackert bei mir nicht, IE8 und Opera flackern dagegen. Sieht man auch schön wenn man F5 drückt.
Das Flackern kommt vom neuen Laden der Hintergrundgrafik und ist Einstellungssache des Browsers. Es wird sich somit kaum vermeiden lassen. Allerdings ist dein Bild auch sehr gross von der Dateigrösse her. Etwas Abhilfe schaffst du, in dem du zusätzlich eine Hintergrundfarbe definierst, die nicht so kontrastreich ist, wie dein weiss.
also lieber grau nehmen? und das bild verkleinern?
edit: ok bild geändert und es flackert nix mehr:) danke:)
ps das nächste problem^^ ich wollte die ecken abrunden, mit dem border-radius: 10px; das geht auch… aber bei meiner kopfzeile amcht er dann ja alle 4 ecken rund, aber es sollen ja nur die oberen runde werden. bei dem befehl mit top drin geht aber gar nix mehr. nur der normale geht. liegt das am firefoy? habe auch mit dem -*- davor probieret was ja speziell für ihn gedacht is aber nix.
das schon kalr, nur ich will nicht 4 ecken amchen sondern 2.
dazu das top in den befehl rein. leider zeit der befehl mir dann nichts mehr an^^
also das was er mahcne soll ist in der page nicht zu sehen…
entweder alle ecken rund oder gar keine^^
Div#beispiel
{
border: solid 3px red;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
Erstellt im Container beispiel einen roten Rahmen mit 3Pixeln dicke und die beiden oberen Ecken abgerundet.