|
|||
background-repeat funktioniert im Firefox nicht
Hallo!
Also, ich habe bei mir für einen DIV ein background-repeat: repeat; eingestellt. Im IE funktioniert es problemlos (auch wenn ich zuerst min-height auf 600px stellen musste, da der IE ein Stück vom Background immer abgeschnitten hat). Im Firefox funktioniert das ganze jedoch nicht, der Hintergrund wird nicht repeatet, wenn der Text etwas länger ist... Hier mal einige Code-Schnipsel: Das CSS dazu: Code:
#gesamterInhalt{ position:relative; width:800px; height:600px; min-height:600px; margin:0px auto; background-image:url(background.jpg); background-repeat:repeat; } Ich hoffe ihr könnt mir helfen, mfg bueno |
Sponsored Links |
|
|||
Versuchs mal mit
Code:
background-repeat: repeat-x; Code:
background-repeat: repeat-y; |
|
|||
Zitat:
|
|
|||
So, bin gerade nachhause gekommen, hatte vorher keine Zeit zum ausprobieren. Danke für die Tipps, hat leider nichts geholfen
@heiko_rs: Ich weiß, dass backround-repeat default auf repeat ist. Wenn ich das aber weglasse, wird im Firefox kein Background angezeigt .... kA wieso. Aber jetzt poste ich mal meinen ganzen Code, ich hoffe jemand schaut ihn sich an, es ist nicht sehr viel... Style Sheet: Code:
<style type="text/css"><!-- #bodyStyle{ text-align:center; } #leftM { width:132px; height:495px; float:left; background-image:url(menue_links.jpg); clear:right; } #obenM { width:800px; height:68px; background-image:url(menue_oben.jpg); clear:right; } #obenMinhalt{ padding-top:15px; margin-left:154px; } #leftMinhalt{ padding:50px 0px; } #partner{ width:148px; height:385px; float:right; margin:20; background-image:url(partner.jpg); clear:right; } #partnerInhalt{ margin:20px 0px; } #content{ padding-left: 50px; padding-top: 50px; float:left; text-align:left; } #logo{ top:0px; left:0px; display:block; position: absolute; } #gesamterInhalt { position: relative; width: 800px; min-height: 600px; margin: 0 auto; background: url(background.jpg) repeat; } * html #gesamterInhalt { height: 600px; } //--></style> Code:
<html> <head> <link rel="stylesheet" type="text/css" href="cssStyle.css"> <title></title> </head> <body style="text-align:center;"> <div id="gesamterInhalt"> <div id="obenM"> <p id="obenMinhalt"> [img]kreis.jpg[/img] [img]aktuelles.jpg[/img] [img]kreis.jpg[/img] [img]voiclub.jpg[/img] [img]kreis.jpg[/img] [img]ueberuns.jpg[/img] [img]kreis.jpg[/img] [img]login.jpg[/img] </p> </div> <div id="leftM"> <p id="leftMinhalt">###Menü###</p> </div> <div id="partner"> <p id="partnerInhalt">###Partner###</p> </div> <div id="content"> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> ###Inhalt###</p> </div> [img]logo.jpg[/img] </div> </body> </html> Und hier mal die Bilder zu meinem Problem, falls das weiter hilft: Im Firefox sieht es so aus: So sollte es eben nicht sein, wie es im Firefox dargestellt wird. Und im Internet Explorer so: Hier im IE wird es so dargestellt, wie ich es möchte, lässt euch von der Lasche rechts unten nicht stören, das ist nicht das Problem...ich werde die sowieso weglassen. mfg bueno |
|
|||
sieht nach einem fehlendem clear aus. Schau mal in meine Sig.
|
|
|||
Mh...danke für den Tipp, aber ich schaffe das einfach nicht, ich kapier da irgendwie garnichts mit dem clear....
|
Sponsored Links |
|
|||
Du kannst auch banaler und letztlich weniger elegenat clearen als im Beispiel, z.B. mit einem clearenden Element nach dem letzten Float.
Hier mehr dazu: Float - die Theorie |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Darstellungsprobleme im IE | lea11011989 | CSS | 17 | 05.11.2010 10:44 |
Css Neuling Bräuchte Hilfe | wc3_monster | CSS | 2 | 03.12.2008 23:23 |
Darstellungsfehler - FF & IE7 vs. IE6 | mk-gfx | CSS | 2 | 29.10.2008 10:58 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |
Grafik in ein Template als Hintergrund einbinden. | monsun | CSS | 0 | 30.06.2008 13:58 |