PDA

View Full Version : zoom - proportional changing


dozd
08-23-2009, 03:41 PM
Hi, I have one div (with color background) and text in side. In Dreamweaver everything is ok, but when I want to see page in browser there are problem while zooming! During Zoom In or Zoom Out in browser, text goes out form div!
How to make text and div changing proportionally during zoom?
____________
here is HTML code:

<div id="mydiv">

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget augue nec lectus elementum tristique ut quis elit. Nulla facilisi. Etiam sed ante ut tortor dictum volutpat ut vel magna. Duis aliquet bibendum leo eget viverra. Pellentesque semper diam non leo tempor eu feugiat diam rhoncus. Donec luctus pellentesque semper. Maecenas ac felis quam. Etiam in diam euismod nisl dignissim pulvinar in sed justo. Donec condimentum odio ac neque fermentum fringilla ultricies dolor aliquet. Sed ultricies mollis orci eget pretium. Cras ac sapien neque, a blandit ante. Vivamus malesuada quam et nisl ultrices mollis.

Duis vitae nunc quis elit ultrices lacinia. Ut ac eros eu sem interdum aliquam. Aliquam sed nulla in urna consectetur malesuada congue quis elit. Etiam bibendum, dolor ac sollicitudin commodo, neque risus aliquet dolor, sed convallis lacus odio eget nunc. Fusce ac sem nulla, nec posuere diam. Aliquam id sapien eget metus adipiscing rhoncus vitae vulputate turpis. Donec hendrerit tellus ac erat feugiat non interdum turpis faucibus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pellentesque sem et enim varius euismod. Nullam facilisis cursus eros, hendrerit facilisis urna ornare ac. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas commodo ligula id nibh scelerisque interdum. Donec elit turpis, vehicula id semper vel, porttitor at nulla. Morbi vel nibh velit, ut ultricies orci. Phasellus placerat mi a sem imperdiet dignissim. </p>
</div>

Here is CSS

#mydiv
{
position:absolute;
width:524px;
height:378px;
background-color:#CCFFCC;
top: 7px;
left: 5px;
}

coloeagle
08-23-2009, 04:32 PM
Remove the set height for your div.

dozd
08-23-2009, 04:50 PM
Thanks coloeagle! :)

coloeagle
08-23-2009, 04:53 PM
Your welcome, glad to help out