CSS: IE7 Probleme mit backround-repeat??

Beitrag von **ole1210** » 21.11.2006, 16:19

Moin moin,

habe nen recht kurioses Problem.

Nen DIV (ID="xyz")soll mit ner Hintergrundgrafik versehen werden. Diese soll sich vertikal wiederholen.

CSS:
#xyz {
background-color: #FFFFFF;
background-image: url(/pfad/zu/grafik.gif);
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
}

Alle Browser stellen die Hintergrundgrafik korrekt dar. Nur der IE7 ingnoriert sie!

Woran liegt das?=

Viele Grüße

Ole

von **Anzeige von ABAKUS** »

Beitrag von **MonikaTS** » 21.11.2006, 17:33

Hi Ole
ich habe jetzt ein Test div id xyz genau nach deinen Angaben , aber mit meinem Pfad zum Bild erstellt,
wunderbar untereinander zeigt der IE7 das Ding an,..

magst mir die URl per Pn senden?
lg

Beitrag von **ole1210** » 21.11.2006, 20:43

Hallo Einfach,

danke für dein Angebot.

Ich poste erstmal hier den Code. Evtl. reicht das ja. So hilfst du evtl. noch weiteren Usern. Wenn das nicht hilft, dann bekommst du die URL.

HTML:

Code: Alles auswählen

<body>

<!-- ENTIRE PAGE, CENTERED -->
<div id="blog">

	<!-- Header -->
	<img src="/header.jpg" />

         	<!-- MAIN WRAPPER, CONTAINING TWO COLUMNS -->
		<div id="wrapper">

                         <!-- LEFT COLUMN ON OUTER WRAPPER -->
			<div id="wrapperleft">

                                 <!-- MAIN CONTENT -->
				<div id="main">
					<div class="entry">
						<div class="entrycontent"></div>
						<div class="entryfooter"></div>
					</div>
				</div>

				<!-- MITTLERE SPALTE -->
				<div id="sidebar">
				</div>
			</div>

			<!-- RECHTE SPALTE -->
			<div id="sidebar">
                         </div>

		</div>


		<!-- FOOTER -->
		<div id="footer">
		</div>
</div>
</body>

CSS:

Code: Alles auswählen

html, body &#123;
	margin&#58; 0;
	padding&#58; 0;
	text-align&#58; center;
	background-color&#58; #f0670b;
	font&#58; Verdana, Arial, Helvetica, sans-serif;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
	font-size&#58; 11px;
   	color&#58; #666;
&#125;

#blog &#123;
	width&#58; 970px;
	text-align&#58; left;
	margin-left&#58; auto;
	margin-right&#58; auto;
	padding&#58; 0px;

&#125;

#wrapper &#123;
	background-color&#58; #FFFFFF;
	background-image&#58; url&#40;/die/fehlende/hintergrund/grafik.gif&#41;;
	background-repeat&#58; repeat-y;
	padding&#58; 0px;
	margin&#58; 0px;
&#125;



#wrapperleft &#123;
	width&#58; 760px;
	float&#58; left;
	position&#58; relative;
	padding&#58; 0px;
	margin&#58; 0px;
&#125;



#main &#123;
	width&#58; 550px;
	float&#58; left;
	background-color&#58; #FFFFFF;
	padding&#58; 0px;
	margin&#58; 0px;
	line-height&#58; 1.4em;
&#125;


#main .entry &#123;
	padding&#58; 0px 10px 30px 10px;
	margin&#58; 0px;
&#125;


#main .entrycontent &#123;
	padding&#58; 0px;
	margin&#58; 0px;
	border-bottom&#58; 1px solid #ff7700;
&#125;

#main .entryfooter &#123;
	padding&#58; 10px 0px 0px 0px;
	margin&#58; 0px;
&#125;

#sidebar &#123;
	width&#58; 206px;
	float&#58; right;
	position&#58; relative;
	padding&#58; 0px;
	margin&#58; 0px;
	color&#58; #ffffff;
	border-right&#58; 4px solid #FFF;
&#125;

#footer &#123;
	color&#58; #666666;
&#125;

#wrapperleft&#58;after, #wrapper&#58;after &#123;
	content&#58; ".";
	display&#58; block;
	height&#58; 0;
	clear&#58; both;
	visibility&#58; hidden;
&#125;

#wrapperleft, #wrapper &#123; display&#58; inline-table; &#125;



/* Hides from IE-mac */
* html #wrapperleft, * html #wrapper &#123; height&#58; 1%; &#125;
#wrapperleft, #wrapper &#123; display&#58; block; &#125;
/* End hide from IE-mac */

Ist nen 3 spaltiges Layout. Content links und 2 Menüspalten rechts.

von **Anzeige von ABAKUS** »

Beitrag von **phereia** » 21.11.2006, 21:00

ole1210 hat geschrieben:Ich poste erstmal hier den Code.

Kommentier mal testweise

Code: Alles auswählen

* html #wrapper &#123; height&#58; 1%; &#125;

aus.

Beitrag von **ole1210** » 21.11.2006, 21:10

Hat im IE7 keine Auswirkung. Nur der Mac macht dann Probleme.

Beitrag von **MonikaTS** » 21.11.2006, 21:30

ja sieht aber im Forefox bescheiden aus

Du hast eine Pn mit einer Testurl
es mag vom Aussehen her nicht grade einen Wettbewerb gewinnen
aber das Hintergrundbild ist da
daher kann es am Pfad des Bildes liegen

außerdem geht das einfacher
lg