stakkabo: <h3> Hintergrundbild im IE6

Beitrag lesen

SELF-Forum

<h3> Hintergrundbild im IE6

stakkabo
– Informationen zu den Bewertungsregeln

Bei einem Joomla-Template habe ich große Probleme mit der Darstellung im IE6.

Für 3 verschiedene <h3> Überschriften benutze ich verschiedene Klassen, so dass diese Überschriften unterschiedliche Hintergrundbilder erhalten. IE6 zeigt allerdings nur für die erste Überschrift den korrekten Hintergrund an. Bei den folgenden beiden Überschriften wird gar kein Hintergrund angezeigt. FF zeigt alles korrekt an.

********************************************************************

Hier die HTML-Ausgabe (nur body):

<body>
<div id="wrap">

<div id="header">
</div>

<div id="sidebar">

<div class="moduletable-NavMenu1">

<h3>Überschrift 1</h3>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td><a href="Ziel 1" lass="mainlevel">Link 1</a></td>
</tr></table></div>

<div class="moduletable-NavMenu2">

<h3>Überschrift 2</h3>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td><a href="Ziel 2" lass="mainlevel">Link 2</a></td>
</tr></table></div>

<div class="moduletable-NavMenu3">

<h3>Überschrift 3</h3>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td><a href="Ziel 3" lass="mainlevel">Link 3</a></td>
</tr></table></div>

</div><!-- END OF SIDEBAR -->

</div> <!-- END OF WRAP -->

</body><!-- END OF BODY -->

********************************************************************

Hier die css:

body{
text-align:center;
}
#wrap{
width:750px;
border:1px;
border-color:#006699;
border-style:solid;
margin:0px auto;
text-align:left;
}
#header{
background:url("../images/header.jpg");
background-repeat:no-repeat;
height:135px;
border-bottom: 1px solid #006699;
padding:10px;
}
#sidebar {
float:center;
position:relative; width:270px;
overflow:hidden;
}

/*-- BEGINN MODULDEFINITION --*/
.moduletable{
margin-bottom:1em;
padding:0 10px;
border:1px #CCC solid;
}
.moduletable-NavMenu1 h3{
background:url("../images/bild1.gif");
padding:4px;
background-repeat:no-repeat;
font-family:Verdana;
font-size:12px;
color:#FFFFF;
}
.moduletable-NavMenu2 a{
line-height: 250%;
text-decoration:none;
font-family:Verdana;
font-size:11px;
color:#333366;
padding-left:10px;
}
.moduletable-NavMenu2 h3{
/background:url("../images/bild2.gif");
padding:4px;
background-repeat:no-repeat;
font-family:Verdana;
font-size:12px;
color:#000000;
}
.moduletable-NavMenu2 a{
line-height: 250%;
text-decoration:none;
font-family:Verdana;
font-size:11px;
color:#333366;
padding-left:10px;
}
.moduletable-NavMenu3 h3{
background:url("../images/bild3.gif");
padding:4px;
background-repeat:no-repeat;
font-family:Verdana;
font-size:12px;
color:#FFFFFF;
}
.moduletable-NavMenu3 a{
line-height: 250%;
text-decoration:none;
font-family:Verdana;
font-size:11px;
color:#333366;
padding-left:10px;
}
/*-- ENDE MODULDEFINITION --*/

********************************************************************

Ich hoffe, mir kann jemand helfen. Ich suche schon seit einigen Tagen vergebens im Netz.

Besten Dank im Voraus, stakkabo.

Beitrag melden
–
Informationen zu den Bewertungsregeln