IE7: Lädt Header nicht aus dem Cache (ISDN)

[netzor]

Hallo,

ein Kunde von mir hat leider ISDN und stört sich immer daran, wenn er auf jeder Seite meinen Header aufs Neue laden muss, obwohl er im Cache sein müsste.

Ich habe den Header nicht einfach als IMG-Tag gesetzt, sondern als Hintergrundbild im H-Tag mit text-indent. Wie kann er es schaffen, dass er das Bild nicht mehr nachladen muss?

[maxi89]

Ist bei der Seite ein Meta-Tag oder evtl. ein Header, in dem der Client angewiesen wird, nicht zu cachen?
Oder ändert sich die URL zum Bild ständig, z.B. durch mod_rewrite?

[Boris]

Auch Bilder, die über CSS geladen werden, müssten im Cache abgelegt werden.

Es kann auch durch diverse Fehler am HTML/CSS liegen, aber ich hab ehrlich gesagt nicht so die Lust, mich durch dein XHTML und CSS zu wühlen - das ist so ohne jede Einrückung und Umbrüche unlesbar um diese Uhrzeit.

[netzor]

Also ich denke, dass der CSS-Code gut lesbar ist. Mod-rewrite habe ich nirgens. Wäre für Rat in dieser Sache echt dankbar.

/* Wird benötigt, damit die Box oben keinen Abstand hat. - Einstellungen werden reseted */
* {margin:0; padding:0;}

/* Zwecks IE6 */
html {height:100%;}

body {
background-image:url(../bilder/background.gif);
color:#000000;
font-family:Verdana, Arial, sans-serif;
text-align:center;
scrollbar-arrow-color: #8b0000; scrollbar-base-color: #ff9966; scrollbar-track-color: #ff9966; scrollbar-face-color: #ff9966; scrollbar-highlight-color: #white; scrollbar-3dlight-color: #696969; scrollbar-darkshadow-color: #white; scrollbar-shadow-color: #FFFFFF;
}

#wrap1 {
font-size:12px;
height:100%;
margin:0 auto;
padding:0;
width:840px;
/* Equal Height Columns */
overflow: hidden;
background-image:url(../bilder/wrapBg.png);
}

h5 {
background: url(../bilder/newBanner.png);
height: 228px;
text-indent: -999em;
width: 800px;
/* IE6 hat mit folgender Zeile Probleme, zeigt 
ohne sie den Banner richtig an (Conditional Comments) */
margin-left:0px;
}

#content {
background:#FFF;
color:#FFF;
float:left;
height:100%;
width:800px;
margin-left: 20px;
overflow: hidden;
}

#text {
float: left;
color:#000;
height:100%;
margin-top:10px;
padding-bottom:20px;
width:525px;
padding-left: 13px;
}

#textWidth {
width:525px;
z-index: 2;
}

a:link {
text-decoration:none;
color: black;
}

a:visited {
color:black;
text-decoration:none;
}

/* Sidebar */
#sidebar {
background:#ffffff;
border-right:#cfcfcf solid 1px;
color:#000000;
float:left;
padding:5px 5px 5px 5px;
text-decoration:none;
width:235px;
height: 100%;
padding-bottom: 9999px;
margin-bottom: -9999px;
overflow:auto;
}

#banner {
height:190px;
width:800px;
padding-left: 20px;
padding-right: 20px;
}

#navBanner {
height:50px;
width:800px;
padding-left: 20px;
padding-right: 20px;
}
a:hover,a:active {
color:#360846;
font-weight: bold;
}

li.sidenav,li.sidenav a,li.sidenav a:hover {
font-size:1em;
}

ul.firstnav {
float:left;
margin-top:15px;
margin-left:5px;
width:225px;
height: 150;
font-size: 0.9em;
list-style-type:none;
background-image:url(../bilder/listenSchattenBreiteWide.png);
text-align: left;
text-indent: 10px;
margin-bottom: -7px;
}

h6 {
background: url(../bilder/listeKopf.png);
height: 30px;
text-indent: -999em;
width: 225px;
}

table {
margin-left:-2px;
margin-top:30px;
font-size: 10px;
color: black;
width: 224px;
}

#tabelle {
background-image:url(../bilder/listenSchattenBreiteWide.png);
margin-top: 5px;
margin-left: 5px;
margin-bottom: -7px;
padding-bottom: 5px;;
}

ul.secondnav {
background: #ffffff;
float:left;
margin-left:5px;
width:225px;
font-size: 0.9em;
list-style-type:none;
background-image:url(../bilder/listenSchattenBreiteWide.png);
text-align: left;
text-indent: 10px;
margin-bottom: -7px;
}

#secondnavBottom2 {
position:absolute;
left:401px; top:418px; width:300px; height:150px;
}

#secondnavHead2 {
position:absolute;
left:401px; top:342px; width:300px; height:150px;
}

li.secondnav,li.secondnav a,li.secondnav a:hover {
list-style-type:none;
font-size: 0.5em;
border-bottom: 1px solid #000000;
}

h4 {
background: url(../bilder/listeKopf2.png);
height: 30px;
text-indent: -999em;
width: 225px;
}

#placeholder {
border-bottom: 1px dotted #cfcfcf;
padding-top: 20px;
margin-bottom: 20px;
}

#placeholder2 {
border-bottom: 1px dotted #cfcfcf;
padding-top: 20px;
margin-bottom: 20px;
}

#placeholder3 {
border-bottom: 1px dotted #cfcfcf;
padding-top: 20px;
margin-bottom: 20px;
}

#tabelleBottom {
position:absolute;
left:401px; top:739px; width:300px; height:150px;
}

#producersDiv {
width: 800px;
background: #470f5a;
margin-left: 0px;
color: #FFFFFF;
font-size: 1.0em;
font-weight: bold;
display: block;
}

a.producersDiv {
color: #F0E68C;
}

img.valid {
margin-top: 5px;
}

img.tableBottom {
margin-left: 6px;
}

tr.tablehead {
background: url(../bilder/listeKopfWide.png);
background-repeat:no-repeat;
}

#newsHead {
width: 500px;
margin-left: -11px;
font-size:12px;
}

#iframe {
margin-top: -28px;
}

[Greenhorn23]

gibt es auch einen link zu der seite?

ansonsten gibts hier ein extra forum für das thema css

[netzor]

Here you are: http://www.tsv-klardorf-jugend.de/

[Rinaldo]

Hab jetzt nicht so genau drüber gesehen - in meinem IE7 funktioniert das laden aus dem Cache.

Vielleicht liegt es an irgendeinem Werbeblocker oder sonst was. Grafiken mit Banner im Namen kommen oft nicht so gut an bei denen.