Seite 1 von 1
CSS: IE7 Probleme mit backround-repeat??
Verfasst: 21.11.2006, 16:19
von ole1210
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
Verfasst: 21.11.2006, 17:33
von MonikaTS
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
Verfasst: 21.11.2006, 20:43
von ole1210
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 {
margin: 0;
padding: 0;
text-align: center;
background-color: #f0670b;
font: Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}
#blog {
width: 970px;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#wrapper {
background-color: #FFFFFF;
background-image: url(/die/fehlende/hintergrund/grafik.gif);
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
}
#wrapperleft {
width: 760px;
float: left;
position: relative;
padding: 0px;
margin: 0px;
}
#main {
width: 550px;
float: left;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
line-height: 1.4em;
}
#main .entry {
padding: 0px 10px 30px 10px;
margin: 0px;
}
#main .entrycontent {
padding: 0px;
margin: 0px;
border-bottom: 1px solid #ff7700;
}
#main .entryfooter {
padding: 10px 0px 0px 0px;
margin: 0px;
}
#sidebar {
width: 206px;
float: right;
position: relative;
padding: 0px;
margin: 0px;
color: #ffffff;
border-right: 4px solid #FFF;
}
#footer {
color: #666666;
}
#wrapperleft:after, #wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapperleft, #wrapper { display: inline-table; }
/* Hides from IE-mac */
* html #wrapperleft, * html #wrapper { height: 1%; }
#wrapperleft, #wrapper { display: block; }
/* End hide from IE-mac */
Ist nen 3 spaltiges Layout. Content links und 2 Menüspalten rechts.
Verfasst: 21.11.2006, 21:00
von phereia
ole1210 hat geschrieben:Ich poste erstmal hier den Code.
Kommentier mal testweise
aus.
Verfasst: 21.11.2006, 21:10
von ole1210
Hat im IE7 keine Auswirkung. Nur der Mac macht dann Probleme.
Verfasst: 21.11.2006, 21:30
von MonikaTS
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
