Zoom in/out how do I keep the aspect ratio?

frankfmrh4

New Member
Working Example: http://jsfiddle.net/4jmY2/4/If you Zoom in/out (ctrl +/-) you will see the elements move around, how can I keep the aspect ratio so the content will remain the same no matter what size?HTML\[code\]<div class="check_box"> <div class="check"> <div class="your_name">Your Name</div> <div class="bank_name">Your Bank Name</div> <div class="check_number_top">1001</div> <div class="your_address">Your Address</div> <div class="bank_address">Bank Address</div> <br /> <div class="date">Date ________</div> <br /> <div class="pay">Pay to the<br />Order of _______________________________ $________</div> <br /> <div class="pay_line">_________________________________________ Dollars</div> <br /> <div class="sign">_____________________</div> <br /> <div class="check_number_bottom">⑈<strong>1001</strong>⑈</div> <div class="routing_number">⑆<strong>123456789</strong>⑆</div> <div class="account_number"><strong>987&nbsp;6543210</strong>&nbsp;⑈</div> </div></div>\[/code\]CSS\[code\].check_box { width: 300px;}.check { border: 2px solid #1A1B1B; background-color: #DFE5E5; height: 110px; font-size:80%; font-family: Georgia; padding:0px; margin: 0px; }.your_name { float:left; padding:0px 30px 0px 5px; font-size:105%;}.your_address { float:left; padding:0px 40px 0px 5px; font-size:85%;}.bank_name { float:left; padding:0px 30px 0px 5px; font-size:105%;}.bank_address { float:left; padding:0px 30px 0px 5px; font-size:85%;}.check_number_top { float:left; padding:0px 0px 0px 40px; font-size:105%;} .date { float:left; padding:0px 0px 0px 220px; font-size:85%;}.pay { float:left; padding:0px 0px 0px 5px; font-size:85%;}.pay_line { float:left; padding:0px 0px 0px 5px; font-size:85%;}.sign { float:left; padding:0px 0px 0px 165px; font-size:85%;}.check_number_bottom { float:left; padding:0px 0px 0px 5px; font-size:85%; font-family:"Arial Narrow"; /* need to change the font's of the numbers */}.routing_number { float:left; padding:0px 0px 0px 5px; font-size:85%; font-family:"Arial Narrow"; /* need to change the font's of the numbers */} .account_number { float:left; padding:0px 0px 0px 10px; font-size:85%; font-family:"Arial Narrow"; /* need to change the font's of the numbers */}.routing_number_tip { float:left; padding:0px 0px 0px 10px; font-size:85%; color:#1F4CA5;}.account_number_tip { float:left; padding:0px 0px 0px 10px; font-size:85%; color:#1F4CA5;}\[/code\]
 
Top