[TYPO3-UG Denmark] CSS problem i IE

Karsten kap at os.dk
Fri Sep 28 09:28:22 CEST 2007


OK fandt fejlen

Har installeret extension titletips, hvor der er et java script som bla. 
har denne linie:

tip.style.cssText = 
'filter:alpha(opacity=85);-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;';

Problemet lå så i denne: filter:alpha(opacity=85)
hvis den blev fjernet, blev problemet løst

Karsten

Karsten skrev:
> Ok nu er jeg mere forvirret, ved en tilfældighed skulle jeg lige lave 
> mit browservindue mindre, mens jeg havde problemet i typo3 på skærmen, 
> og problemet forsvandt, trykkede så f5 og det kom tilbage. Problemet 
> opstår kun i typo3 hvis man bruger IE
> 
> Karsten
> 
> Karsten skrev:
>> Hej Søren
>>
>> Det var også min første indskydelse, men har kopieret doctype direkte 
>> ned i min test.html uden at få fejlen!
>>
>> Karsten
>>
>> Søren Andersen skrev:
>>> Hej Karsten
>>>
>>> Kunne det være et problem med doktype?
>>>
>>> Med venlig hilsen
>>> Søren Andersen
>>>
>>> -----Oprindelig meddelelse-----
>>> Fra: typo3-ug-denmark-bounces at lists.netfielders.de
>>> [mailto:typo3-ug-denmark-bounces at lists.netfielders.de] På vegne af 
>>> Karsten
>>> Sendt: 26. september 2007 20:39
>>> Til: typo3-ug-denmark at lists.netfielders.de
>>> Emne: [TYPO3-UG Denmark] CSS problem i IE
>>>
>>> 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
>>> _______________________________________________
>>> TYPO3-UG-denmark mailing list
>>> TYPO3-UG-denmark at lists.netfielders.de
>>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-denmark
>>>


More information about the TYPO3-UG-denmark mailing list