Confirmed users
1,059
edits
Line 3: | Line 3: | ||
Because our target audience is using a display with much more width than available height we've optimized for conserving height while using more width as it makes sense. | Because our target audience is using a display with much more width than available height we've optimized for conserving height while using more width as it makes sense. | ||
<div style="border:1px solid #444;width: | <div style="border:1px solid #444;width:614px;height:342px;font:14px/16px sans-serif;position:relative;text-align:center;"> | ||
<div style="margin: | <div style="margin:140px auto;">1024 x 570</div> | ||
<div style="position:absolute;bottom:0;left:0;width:100%;text-align:center;background-color:#efefef;">1024 Max-Width</div> | |||
<div style="position:absolute;top:0;left:0;width:16px;height:100%;text-align:center;background-color:#efefef;"><div style="-moz-transform:rotate(-90deg);height:18px;width:100%;top:50%;position:relative;white-space:nowrap;padding:3px;">570 Min-Height</div> | |||
</div> | |||
</div> | </div> | ||