[TYPO3-UG Denmark] CSS problem i IE

Karsten kap at os.dk
Wed Sep 26 20:38:30 CEST 2007


Hej alle

Jeg forsøger at lave runde hjørner på nogle af min bokse med css, men 
har lidt problemer når jeg forsøger at sætte det ind i typo3. så bliver 
toppen og bunden af boksen stribet men kun i IE, i firefox vises den 
perfekt. Problemet er kun i typo3, hvis jeg prøver at lave en 
selvstændig html side vises den korrekt i IE.

Her er koden jeg bruger, håber der er nogle som kan hjælpe
det er som sagt kun når det sættes ind i typo3 (ren HTML, eller via div 
html templates), at problemet opstår:

Html-kode

<div id="container">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="b4"></b>
<div class="boxcontent">
<h1>Runde hjørner uden grafik</h1>
<h2>Eksempel 1</h2>
<p>3 farver: Websidens baggrundsfarve, ...
</p>
</div>
<b class="b4"></b>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>
</div>

Stylesheet

div#indhold {margin:1em 10%; }
p {padding-bottom:0.5em;margin:0 10px;}
#container h1, #container h2 {margin:0 10px;padding:.3em 0;}
#container h1 {font-size:2.5em; color:#369;}
#container h2 {font-size:1.25em;color:#369;}
#container {margin:1em 10%;background: transparent;}

.b1, .b2, .b3, .b4 {display:block; overflow:hidden;height:1px;}
.b1 {background:#00c8ec;margin: 0 5px;}
.b2, .b3, .b4 {background:#ffd16f; border-style:solid;
     border-color:#00c8ec}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px; border-width:0 1px;}
.b4 {margin:0 1px;border-width:0 1px;}

.boxcontent {display:block;  background:#ffd16f;
     border-width:0 1px; border-style: solid;border-color: #00c8ec;}

Karsten


More information about the TYPO3-UG-denmark mailing list