Home/ Questions/Q 947691
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T23:07:14+00:00

I would like to do some simple layout math. I remember the syntax below

  • 0

I would like to do some simple layout math. I remember the syntax below worked in opera last time I tried it. Standard CSS lacks any calculation support as far as I know. So how can I achieve this with standard css(IE7 compatible)?

#myDiv {
  width:100% - 260px;
}

Edit So here is some context:

I will try and draw my situation with some ugly ascii.

|`````````````````````````````````````````|
|  container                              |
|                                         |
||```````| |`````````````````````````````||
|| Fixed | | Floated right.              ||                         
|| Width | | ?? 100% - left div width    ||
|| float | |                             ||
|| left  | |                             ||
|````````` ```````````````````````````````|

Basically I want the div on the right to fill all the remaining space even if it doesn’t have enough content to do so. The right div has block type content.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Standard CSS lacks any calculation
    support as far as I know.

    So how can I achieve this with
    standard css(IE7 compatible)?

    Did you just not answer your own question? This wouldn’t be feasible without scripting.

    If the containing div is explicit in width you can just set an explicit width.

    It would help seeing your real underlying issue, the specifics, there may be workarounds.

    If you’re centering, you could #foo { margin:0 130px; } for example…

    • 0