The web page looks ok in IE8. But when I change the view from 100% to 75% the text shifts down the column and flows over the column bottom border line. How can I remedy this?
Thanks for your reply. I added font-size to the css, yet the problem remains. It's probably my code. Can you offer another suggestion? <div class="col_1"> <div id="box1"> <p>TEXT text TEXT text Text Text Text TEXT </p> </div> <br/><br/> <div id="box2"> <p>TEXT text TEXT text Text Text Text TEXT </p> </div> <br/><br/> <div id="box3"> <p>TEXT text TEXT text Text Text Text TEXT </p> </div> </div> Code (markup): #box1 { width: 200px; font-size: 12px; margin: 15px 15px 25px 15px; padding: 5px; background-color: #; border:1px solid #; } #box2 { width: 200px; font-size: 12px; margin: 15px 15px 15px 15px; padding: 5px 5px 5px 5px; background-color: #; border:1px solid #; } #box3 { width: 200px; font-size: 12px; margin: 15px 15px 15px 15px; padding: 5px 5px 5px 5px; background-color: #; border:1px solid #; } .col_1 { float: left; font-size: 12px; width: 224px; height: 599px; margin: 28px 5px 0px 0px; padding: 0px 0px 0px 0px; background:url(../images/Q9.jpg); background-repeat: no-repeat; background: #; } Code (markup):
Thanks again for your reponse. I don't know if I'm interested in providing the url at this time. Any other suggestions, via this forum, would be appreciated.
It's because you have a HEIGHT: property on COL_1 upon zooming +/- the font property is shifting the text out of the height boundary... you can add an OVERFLOW property with a proper definition depending on what you want it to do. If your font size is not changing appropriately with the size of the screen ( in IE only?? ) then more than likely you have a default font-size specified in your browser settings OR try changing font ====> px to ====> em Cheers!~