[TYPO3] IE messes with css

Ries van Twisk typo3 at rvt.dds.nl
Wed Jan 4 23:31:08 CET 2006


You can use padding actually, because sometimes you need them.

.column160left {
    width:152px !important;
    width:160px;
    float:left;
    padding:4px;
}

The above is a example.
One width is for IE, the other one for FF.

so it IS possible.
I usually start designing in FF, then I make it compatible with FF when 
adding these ! exeptions.

Ries

>Hi Elise,
>
>A very simple advice:
>
>Try to avoid using padding at all!
>
>Read some of these articles:
>http://www.wpdfd.com/editorial/wpd0902.htm
>http://www.sitepoint.com/forums/showthread.php?t=276491
>http://www.csscreator.com/css-forum/ftopic3046.html&sid=494a2df12b48a1e8fdca8ae0e7bfb752
>
>or take your own Google search, "avoid using padding" (include the " ")
>
>Use margin instead, because padding renders WRONG in IE, according to 
>the W3C specifications.
>
>Actually this is rather complicated, and if you take a look on some 
>sites, that deals with these kinds of trouble, you'll probably understand.
>
>alistapart.com
>stopdesign.com
>css4you.de
>
>Regards
>Søren Vedel
>
>
>
>Elise Daans wrote:
>  
>
>>Hi,
>>
>>I made a site with typo3 and it works perfectly in Firefox but Internet 
>>Explorer seems to mess up the css-layout.
>>It makes columns smaller and bigger whenever it wants and the text-align 
>>changes too.
>>Is it a good alternative to give everything a absolute position or is this a 
>>bad idea?
>>I tried to use : word-wrap: break-word;
>> overflow: hidden; but that doesn't change anything.
>>
>>Included: a printscreen of my layout in firefox and IE;
>>
>>Anyone a suggestion?
>>
>>greetings,
>>
>>Elise 
>>
>>
>>    
>>
>_______________________________________________
>TYPO3-english mailing list
>TYPO3-english at lists.netfielders.de
>http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>  
>




More information about the TYPO3-english mailing list