[TYPO3] css question

[Tyler Kraft]

because it becomes to wide...

760 !=761

350+10+1+350+10 = 761




Bas van der Togt wrote:
> Hello list,
> 
> This is an off topic question about CSS. Sorry.
> Hopefully somebody can help me with the following question.
> 
> I built a div with two divs (columns) inside.
> In IE everything is working right.
> But in FF and Safari the right column is moving downwards the left 
> column sometimes. Does anybody know a solution for this?
> 
> Your help would be great!
> cheers,
> Bas
> 
> Example: http://87.249.105.43/~sust01/index.php?id=11
> 
> HTML:
> <div id="content">
>   <div class="left">###CONTENT###</div>
>   <div class="right">###CONTENT_RIGHT###</div>
> </div>
> 
> CSS:
> #content {
>   width: 760px;
>   display: table;
>   padding: 0px 20px 10px 20px;
>   margin-top: -40px;
>   clear: both;
> }
> #content .left {
>   float: left;
>   width: 350px;
>   * width: 360px; /* IE only */
>   padding-right: 10px;
>   text-align: left;
>   border-right: 1px dotted #CCCCCC;
> }
> #content .right {
>   float: left;
>   width: 350px;
>   * width: 360px; /* IE only */
>   padding-left: 10px;
>   text-align: left;
> }