Alternative zu calc() für ältere Browsergenerationen

[derRenner]

Hallo,

ich setze für die "Errechnung" der Spaltenbreite folgende CSS-Anweisung ein:

width: -moz-calc((100% - 440px)/2);
width: -webkit-calc((100% - 440px)/2);
width: calc((100% - 440px)/2); 

Nur leider funktioniert das bei "älteren" Browsern nicht - auch hier in der Übersicht zu sehen.
Kann mir jemand weiterhelfen und mir sagen, wie der korrekte jQuery/Javascript-Code heissen würde, bzw. wo genau ich diesen dann einbinden müsste.

Danke schon mal für die Hilfe
Grüsse
Bernhard

[derRenner]

Hallo,

Ich habe mir mal zu obigen Problem folgendes zusammengestoppelt:

$('#meineID')
.css('width','100%')
.css('width','-=440px')
.css('width','/=2'); 

Jetzt klappt das ganze, dass die Breite von 100% minus den 440px errechnet wird - die Division durch 2 klappt aber schon nicht mehr ... wo liegt da der Fehler? Kann mir jemand weiterhelfen?

Noch kurz zur Erklärung: es soll eine DIV-Breite ausgegeben/errechnet werden, die sich mit der Browserfenstergrösse ändert

Grüsse
Bernhard

[derRenner]

nun ist auch das gelöst ... Heureka!

Für die Interessierten hier der Code:

<script type="text/javascript">

var width01 = $('#wrapper').width();
var width02 = width01 - 440;
var width03 = width02 / 2;

$('#meineID').css('width', width03 );


/* damit sich die Breite auch bei BrowserfensterÄnderung anpasst: */
$(window).resize(function(){
  $('#meineID').each(function(){
    var width01 = $('#wrapper').width();
    var width02 = width01 - 440;
    var width03 = width02 / 2; 
    $('#meineID').css('width', width03 );
   });
 });

</script> 

... es gibt sicherlich schönere Lösungen, aber so funktionierts erst mal


Grüsse
Bernhard