[TYPO3] IE messes with css

[Tim Riemenschneider]

Elise Daans schrieb:
> 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;
> }
> 
> it just seems like IE doesn't look at the width

It probably does, but it calculates the box model differently.
IE includes the padding into the width, so try this:

----- begin -----
TD#content {
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 15px;
  vertical-align: top;
  width: 300px;
  word-wrap: break-word;
  overflow: hidden;
}

* html TD#content {
   width: 305px;
}
------ end ------
The second css-block is only used by IE, it should contain
a width of normal-width + padding-left + padding-right.
(Likewise, when using height, padding-top and padding-bottom
must be added).

Hm, while writing this, I realize that it's exactly the other
around for you (that is with your current CSS, IE uses too wide
columns).... When I had the problem recently, IE used a smaller
width.... Either this is a different (but related) problem, or
I mixed up sth. here.....

cu
   Tim