Hintergrundbild wackelt im Fx


  • olafklein34
  • 1218 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hintergrundbild wackelt im Fx

    Hallo,
    ich habe wieder mal ein Problem mit meiner hp. ich weiß nicht wie ich es nennen soll. Also wenn ich mit den Mozilla Firefox auf meiner HP gehe und noch unten oder nach oben Scroll will da wackelt das ganze Bild in der Mitte , ( Hintergrundbild ) mit, was kann ich da machen das es nicht mehr ist denn mit denn IE ist es nicht da ist die Darstellung i.o.
    jetzt weiß ich nicht ob ich ein link zur meiner Homepage schreiben darf oder nicht, wenn ja werde ich auch gleich nach reichen.
    mfg olafklein34

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von olafklein34 ()

  • Zu Mindest den Code brauchen wir, da dir sonst nur Mr.Kristallkugel helfen kann.
    Wenn die HP jedoch den Forenregeln entspricht (keine ref- oder warez Links drauf, bzw. kein Forum) geht das für ein Problem iO ;)

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • hier ist der Code

    PHP-Quellcode

    1. <center><style type="text/css">
    2. <!--
    3. /* Diesen Teil nicht rauslöschen*/
    5. table.edit_main_table{width: 90% !important;}
    6. td.edit_main_tr{width: 100% !important;}
    7. table.edit_second_table{width: 100% !important;}
    8. td.edit_header_full{width: 100% !important;
    9. background-position:center;background-repeat:no-repeat; }
    10. td.edit_header_full table{width: 100% !important;}
    11. table.edit_third_table{width: 100% !important;}
    12. td.edit_navi_headbg{width: 15% !important;}
    13. table.edit_rechts_tabelle{width: 100% !important;}
    14. td.edit_rechts_bottom{width: 15% !important;}
    15. td.edit_rechts_cbg{width:100%;}
    16. td.headline{visibility:hidden;}
    19. /*Höhe bitte anpassen, sollte man einen Farbton wählen, dann wäre ein Border ratsam*/
    20. td.nav:hover{
    21. background-image:url(http://img.webme.com/pic/o/otto34/nav_vampire_night.gif);
    22. background-repeat:no-repeat;
    23. background-color:#2D464F;
    24. width:185px;
    25. height: 33px;
    26. }
    28. /*Höhe bitte anpassen, sollte man einen Farbton wählen, dann wäre ein Border ratsam*/
    29. td.nav{
    30. background-image:url(http://img.webme.com/pic/o/otto34/fantasy.gif);
    31. background-repeat:repeat;
    32. background-color:#2D464F;
    33. width:185px;height: 33px;
    34. }
    36. /*Bild unter der Navigation, Bildbreite nicht mehr als 185 px*/
    37. td.edit_below_nav img{
    38. visibility: hidden;
    39. }
    40. td.edit_below_nav{
    41. background-image: url(BILD-LINK);
    42. background-repeat:no-repeat;
    43. background-position: center center;
    44. }
    46. /*#XXXXXX würde den Content-Hintergrund transparent machen wenn man keinen Farbton möchte*/
    47. td.edit_content{
    48. background-image:url();
    49. background-color:#XXXXXX;
    50. background-repeat:repeat;
    51. }
    53. /*Hier kann man natürlich auch einen fertigen Hintergrund nehmen*/
    54. body {
    55. background-image:url(http://img.webme.com/pic/o/otto34/hintergrund2.png
    56. );
    57. background-color:#XXXXXX;
    58. background-repeat:repeat;
    59. background-position: center;
    60. }
    62. body {background-attachment:fixed;}
    64. /*Diese 6 Sachen nicht verändern*/
    65. td.edit_navi_headbg{
    66. background-image:url();
    67. background-color:#XXXXXX;
    68. }
    69. td.edit_rechts_sbg{
    70. background-image:url(URL);
    71. background-color:#XXXXXX;
    72. }
    73. td.edit_rechts_bottom{
    74. background-image:url();
    75. background-color:#XXXXXX;
    76. }
    77. td.edit_rb_footer{
    78. background-image:url();
    79. height: 10px;
    80. }
    81. td.edit_rechts_cbg{
    82. background-image:url();
    83. background-color:#XXXXXX;
    84. }
    85. td.edit_content_bottom{
    86. background-image:url();
    87. background-color:#XXXXXX;
    88. }
    90. /*Zwingend notwendig für Chrome und Apple, das der farbton als Bild eingefügt wird*/
    91. td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
    92. background-image:url();
    93. background-repeat:repeat;
    94. background-color:transparent;
    95. font-family: Arial;
    96. font-size: 11px;
    97. color:#F1F4C1;
    98. border: px solid #D05E07;
    99. }
    101. /*Höhe bitte anpassen*/
    102. td.edit_content_top{
    103. background-image:url(URL);
    104. height: 33px;
    105. background-repeat:repeat;
    106. }
    108. /*Höhe bitte anpassen*/
    109. td.edit_content_top:hover{
    110. background-image:url(URL);
    111. height: 33px;
    112. background-repeat:no-repeat;
    113. }
    115. /*Höhe bitte anpassen*/
    116. td.nav_heading{
    117. background-image:url();
    118. background-repeat:repeat;
    119. background-color:#XXXXXX;
    120. width:185px;height: 33px;
    121. }
    123. /*Ohne dieses funktioniert der interne Counter nicht, Bild und Rahmen nicht unbedingt notwendig*/
    124. td.edit_content_bottom2{
    125. background-image:url();
    126. background-repeat:repeat;
    127. background-color:#XXXXXX;
    128. }
    130. /*Hiermit wird der Abstand zwischen den Buttons erreicht*/
    131. td#nav_Abstand{visibility:hidden;height:7px;}
    132. td#nav_Abstand a{height:5px;display:none;}
    133. td#nav_Abstand1{visibility:hidden;height:10px;}
    134. td#nav_Abstand1 a{height:5px;display:none;}
    135. td#nav_Abstand2{visibility:hidden;height:10px;}
    136. td#nav_Abstand2 a{height:5px;display:none;}
    137. td#nav_Abstand3{visibility:hidden;height:10px;}
    138. td#nav_Abstand3 a{height:5px;display:none;}
    139. td#nav_Abstand4{visibility:hidden;height:10px;}
    140. td#nav_Abstand4 a{height:5px;display:none;}
    142. /*Den Seitentitel über dem Content kann man auch ausblenden*/
    143. td.headline2{
    144. color: #F1F4C1;
    145. font-size: 12px;
    146. font-weight:;
    147. padding-left:0px;
    148. }
    150. /*Navi-Head*/
    151. td.nav_heading{
    152. color:#F1F4C1;
    153. font-size: 11px;
    154. font-weight:;
    155. padding-left:26px;;
    156. background-position:top;
    157. }
    159. /*Navi-Schrift*/
    160. td.nav a{
    161. color:#F1F4C1;
    162. font-size: 11px;
    163. font-weight:;
    164. }
    165. td.nav a:hover{
    166. color:#F1F4C1;
    167. font-size: 14px;
    168. font-weight:;
    169. text-decoration: none;
    170. }
    172. /*Eigene Bilder im Head der Boxen, die Bilder einzeln einfügen. Der erste Code ist die rechte Seite beim Mitwachsen, td.sidebar_heading = für alle gleich*/
    174. td.sidebar_heading{
    175. background-image:url(htt);
    176. background-repeat:no-repeat;
    177. background-color:#XXXXXX;
    178. width:168px;
    179. height: 33px;
    180. border: 0px solid #FFFFFF;
    181. color:#;
    182. font-size: 11px;
    183. font-weight: ;
    184. text-align: center;
    185. }
    187. /*Header*/
    188. td.edit_header_full{
    189. background-image:url(http://img.webme.com/pic/o/otto34/ralf-hed.gif);
    190. background-color: #;
    191. background-position: top;
    192. width:700;
    193. height: 130px;
    194. }
    196. /*Links formatieren*/
    197. a{color: #F1F4C1; text-decoration: none;}
    198. a:hover{color: #D05E07; text-decoration: none;}
    199. a:focus{outline: none;}
    201. -->
    202. </style>
    Alles anzeigen


    das ganze ist eine kostenlose hp
    Desingn lceblue

    mfg

  • Sieht so aus, als handele es sich um diesen Teil?

    Quellcode

    1. /*Hier kann man natürlich auch einen fertigen Hintergrund nehmen*/
    2. body {
    3. background-image:url(http://img.webme.com/pic/o/otto34/hintergrund2.png
    4. );
    5. background-color:#XXXXXX;
    6. background-repeat:repeat;
    7. background-position: center;
    8. }
    10. body {background-attachment:fixed;}


    Was mich jetzt etwas wundert, wieso das background-attachment:fixed; einzeln definiert ist, bei mir ist das im ersten body {} Tag mit drin. Oder gilt das für mehrere Bilder?

    Dann sollte glaube ich nach dem Doppelpunkt immer ein Leerzeichen stehen, aber ich denke mal nicht dass es daran liegt.
    Hier könnte Ihre Werbung stehen...

  • Also bei mir wackelt da nichts im aktuellen Fx. Liegt also höchstwahrscheinlich am HTML Code. Sprich ganze Seite posten oder Link falls es die Regeln erlauben.

    @shadowww: Es ist egal, ob etwas mehrmals deklariert wird bzw. ob nach dem Doppelpunkt ein Leerzeichen folgt.

    Gruß
    Broken Sword

    btw => Moved to HTML

    @olaf: Ich habe beschrieben, was die Regeln sagen - Nebendiskussionen/Fragen per PN!
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Broken Sword ()