Problem mit IE und Boxen...

[wildthinks]

Hallo,

folgende URL:
http://swishzone.net/job_site/test_big_box.html
http://swishzone.net/job_site/includes/general.css

sieht im FF super aus und funktioniert auch. Leider aber überhaupt nicht im IE.

Was muß ich tun, damit im IE ein grafische Box rund um den Text gibt?
Die Tipps von Selfhtml funktionieren eben nicht mit dem IE :-(

Danke für Eure Hilfe.

Grüße WT

 

[Prophet05]

Ich glaube du machst dir das viel zu kompliziert. Pass auf so geht es einfacher:

XHTML:

<div class="grafikbox">
<div class="grafikbox_top"></div>
<div class="textbox">links<br />links<br />links</div>
<div class="grafikbox_bottom"></div>
</div>

CSS:

div.grafikbox
{
   pading:0px;
   margin:0px;
   background-image:url('rechter_und_linker_rand.png');
   background-repeat:no-repeat;
   width:150px; /*breite von rechter_und_linker_rand.png, gesammter_oberer_rand.png und gesammter_unterer_rand.png*/
}
div.grafikbox_top
{
   background-image:url('gesammter_oberer_rand.png');
   background-repeat:no-repeat;
   height:30px; /*höhe von gesammter_oberer_rand.png */
   pading:0px;
   margin:0px;
}
div.grafikbox_bottom
{
   background-image:url('gesammter_unterer_rand.png');
   background-repeat:no-repeat;
   height:30px; /*höhe von gesammter_unterer_rand.png */
   pading:0px;
   margin:0px;
}
div.textbox
{
   pading:0px;
   margin:0px;
   margin-left:30px;
   margin-right:30px;
}

So solte es einfacher sein und funktionieren. Kann sein das Fehler drinne sind ich habe es nicht getestet.

mfg Prophet05