Suche

[andoran]

Moin,

ich weiß einfach nicht mehr weiter, im Firefox sieht alles klasse aus, aber ich bekomms im IE einfach nich hin.
Also, auf der Seite: http://www.andoran.de/Kuz/
folgender Css code:

Code Auswählen Erweitern

       .sidebox {
width: 220px;
background: url(../images/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(../images/sbhead-r.gif) no-repeat top right;
text-align: center;
}
.boxhead h2 {
background: url(../images/sbhead-l.gif) no-repeat top left;
padding: 20px 30px 5px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.boxbody {
background: url(../images/sbbody-l.gif) no-repeat bottom left;
padding: 5px 20px 30px;
                 }

zu diesem html code:

Code Auswählen Erweitern

<tr> <!-- START left_noblocks -->
<td valign="top">
<!-- START blocks_left_loop -->
            <!-- START block_left -->
<div class="sidebox">
   <div class="boxhead">
<h2>{BLOCK_TITLE}</h2>
   </div>
  <div class="boxbody">
       <div>{BLOCK_CONTENT}</div>
  </div>
</div>
<!-- END block_left -->
            <!-- END blocks_left_loop -->
    </td>   <!-- END left_noblocks -->

Ohne PragmaMx sieht der Block auch im IE fast richtig aus, wenn ich ihn aber dann "laufen lasse" verschiebt mir der IE die .sidebox. Kann mir da irgendwer weiterhelfen? Ich hab schon alles mögliche ausprobiert.
Vielen Dank schonmal!

Gruß
Andoran

[henne]

Ich tippe mal auf den Boxmodellbug des IE. Da wird das Padding anderst behandelt als im FF.

Lies dir mal das dazu durch:

http://www.perun.net/2004/07/04/fehlverhalten-von-ie-im-boxmodell/

[andoran]

jou, vielen Dank!

Das hat mir schonmal weitergeholfen, den kleinen Pixelsprung konnt ich schonmal entfernen, hier jedenfalls:
http://kuzohz.air.hl-users.com/
Unter PragmaMx leider immer noch nicht, auch die Positionierung der großen sidebox funktioniert mit PragmaMx
noch nicht. Ich mein das muß irgendwie mit der Tabelle und dem Loop zusammenhängen.
Ich bekomms aber noch raus ... 

Gruß
Andoran

[andoran]

So, es liegt irgendwie an der Verschachtelung der div Elemente, und zwar verschiebt das padding des boxbodys den Hintergrund der sidebox!

Nun die Preisfrage, warum nur im IE und warum nur mit PragmaMx? 

und ich fand die Lösung so schick 

Gruß
Andoran