[TYPO3] IE messes with css
Tyler Kraft
headhunterxiii at yahoo.ca
Tue Jan 3 10:47:00 CET 2006
I must agree with ben, please read the list rules (no attachments)
Width - yes but the problem is something called the "box model" This is
a very common and well documenteed issue with IE and CSS. Read up on it
- do a search on google for the tan hack and the box model!
start here:
http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41&print=true
Elise Daans wrote:
> Hi Tyler,
>
> But i already used width off course...
> below an extraxt from my css:
>
> /* Content column (main content)*/
> TD#content {
> padding-left: 0px;
> padding-right: 5px;
> padding-top: 15px;
> vertical-align: top;
> width: 300px;
> word-wrap: break-word;
> overflow: hidden;
> }
>
> /* Content2 column (right column)*/
> TD#content2 {
> padding-left: 5px;
> padding-right: 5px;
> padding-top: 15px;
> vertical-align: top;
> width: 80px;
> word-wrap: break-word;
> overflow: hidden;
> background-color: rgb(228,228,228);
> }
>
> /* Menu 1 column */
> TD#menu_1 {
> vertical-align: top;
> width: 110px;
> padding-top: 10px;
> padding-left: 10px;
> word-wrap: break-word;
> overflow: hidden;
>
> it just seems like IE doesn't look at the width
>
> greetz,
>
> Elise
>
> "Tyler Kraft" <headhunterxiii at yahoo.ca> wrote in message
> news:mailman.1.1136280705.15757.typo3-english at lists.netfielders.de...
>
>>most likely a box model issue regarding the width.
>>
>>might be handy to learn the tan hack
>>
>>* html #div_id{
>>
>>}
>>
>>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
>
>
>
More information about the TYPO3-english
mailing list