Utilizing Blueprint CSS, I am crafting a 3 column layout:
LEFT COLUMN: span-6
CENTER COLUMN: span-12
RIGHT COLUMN: span-6
Within the center column, I aim to insert an SWF object that requires a predetermined size upon setup:
swfobject.embedSWF(url, "flashDiv", flashWidth, flashHeight, params);
I could determine the initial dimensions based on the browser window:
var flashWidth = window.innerWidth*0.50;
var flashHeight = window.innerHeight*0.50;
Subsequently adjusting with jQuery:
$(window).height()
However, if the Blueprint layout adjusts according to the browser, this step may become redundant.
In such circumstances, how should I assess the starting width and height relative to the column-width of the center column in this specific layout (span-12)?