Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

CSS: IE7 Probleme mit backround-repeat??

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten

 Kategorie Programmierung?

screenshot einer seite

 
ole1210
PostRank 10
PostRank 10
Beiträge: 7464
Registriert: 12.08.2005, 10:40
Wohnort: Olpe

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
Nach oben
Anzeige von ABAKUS

von Anzeige von ABAKUS »


Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0
Nach oben
MonikaTS
PostRank 10
PostRank 10
Beiträge: 3582
Registriert: 07.10.2005, 09:05

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
Nach oben
ole1210
PostRank 10
PostRank 10
Beiträge: 7464
Registriert: 12.08.2005, 10:40
Wohnort: Olpe

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.
Nach oben
Anzeige von ABAKUS

von Anzeige von ABAKUS »

Nach oben