✔ Falsche Wiedergabe in Safari

[elch_guru]

Hallo liebe Forumsgemeinde,

ich habe in CSS ein kleines Problem, vielleicht kann mir jemand helfen:

Es geht um ein Div, das ein Hintergrundbild hat. Im IE und Firefox wird alles super angezeigt, nur der Safari gibt das Hintergrundbild nicht wieder. Wo liegt da der Fehler?

Danke und liebe Grüße

elch_guru

Hier der Code der index.php:

<div id="footer">
    <div class="footer-left-content">
      <ul>
        <li>Test<br />
	  <a href="http://www.test.de/" target="_new" />www.test.de</a></li>
      </ul></div>
    <div class="footer-middle-content">
	    <a href="http://www.test2.de/" target="_new" /><img  src="<?php echo $mosConfig_live_site;?>/templates/test/images/logo_test2.gif" height="71" width="206" alt="Logo Test2" border="0" /></a>
	</div>
    <div class="footer-right-content"> 
      <a href="http://www.test3.de/" target="_new" /><img  src="<?php echo $mosConfig_live_site;?>/templates/test/images/logo_test3.gif" height="71" width="217" alt="Logo Test3" border="0"/></a>
    </div></div>

und hier die CSS:

.footer-left-content {
	float: left;
	width: 200px;
	padding: 10px 70px;
}
* html .footer-left-content {
	width: 200px;
	padding: 10px 70px;
}

.footer-middle-content {
	float: left;
	width: 240px;
	padding: 4px 0px;
}

* html .footer-middle-content {
	width: 240px;
	padding: 4px 0px;
}

.footer-right-content {
	float: left;
	padding: 4px 0px;
	width: 220px
}

* html .footer-right-content {
	width: 220px;
	padding: 4px 0px;
}

#footer {
	
	margin: 0px auto 10px auto;
	width: 919px;
	padding: 0px 0px 0px 0px;
	background:url(../images/bg_foot.gif);
	background-repeat: no-repeat;
	background-position: 40px 0px;
}

 

[Maik]

Hi,

möglicherweise liegt es an der doppelt vorhandenen }-Klammer:

#footer {
	
	margin: 0px auto 10px auto;
	width: 919px;
	padding: 0px 0px 0px 0px;
	background:url(../images/bg_foot.gif);
	background-repeat: no-repeat;
	background-position: 40px 0px;
}
}

die zum Regelblock des Selektors * html .footer-right-content gehört.

mfg Maik

 

[elch_guru]

Hallo,

Danke für die schnelle Antwort, aber das war nur ein Eingabefehler hier. Hab gerade noch einmal nachgeschaut - im Code stimmt es.

Gruß elch_guru

 

[Maik]

Entgegen deiner Aussage, zeigen bei mir alle nicht-IE-Browser das Hintergrundbild erst dann an, wenn ich für #footer eine Höhe deklariere.

mfg Maik

 

[elch_guru]

Hallo Maik,

komisch bei mir leif es. Ich habe aber nun gerade mal das height gesetzt und sie da: es geht nun auch im Safari. 1000 DANK für deine Hilfe. Super.

Liebe Grüße
elch_guru