Hi Guys
I might be thinking about this too much as a print designer but in trying to create layouts I often find my created image does not render size wise as I would expect by say 20 or 30 pixels ?
For example if in say the BB plain page template I create a new full width row, then inside that add a full width column I believe I have basically a 1920px row with a centred 1200px container with 5px border so an active cell of 1189-1190px.?
If I create a colour block of 1189px by 500px and insert this as a photo centrally with the 20 px global margins I get an artwork of not 1189px but 1159px (ish)
If I reduce the margins from 20 to 0 the artwork then measures 1200px - I eventually figured out that the 1189 artwork unconstrained by 0 margins is expanding to fill the 1200px container ?
If I change the margins from 20 to 5 (what I assume is the difference between 1200 container and 1189 container divided by two) … bingo I get a rendered artwork of 1189px wide. 100% what I would expect
Changing the margins from 5 to 10 creates an artwork compressed to 1179 so it seems to make some sense.
Ha ha…Now If I create a new 1920 row and add a 1189px photo container within and then add say a 500px square box artwork with the global 20px margins untouched I get a rendered artwork not at 500 but of 549 ish ?? How’s that working ?
To get a rendered accurate 500px square I tried taking 1189-500 artwork = 689 minus the (2x20px margins and 2x5px container difference at a total of 50px) = 639. If I create margins at half this value of approx 320px I get a 500px square artwork !!
Am I loosing the plot or does any of this math(s) make any sense
I appreciate all of this goes out the window and rendered size is relative to screen size and resolution so it will change for smaller or different devices but for a common 1920 x 1200 screen am I correct in any of my thinking
Sorry aprint designer playing in a web world !
Regards Chris
