logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 08-23-2009, 03:41 PM   #1
dozd
 
Join Date: Feb 2009
Posts: 23
Default zoom - proportional changing

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;
}
dozd is offline   Reply With Quote
Old 08-23-2009, 04:32 PM   #2
coloeagle
coloeagle's Avatar
 
Join Date: Sep 2008
Location: Colorado, USA
Posts: 596
Default

Remove the set height for your div.
__________________
The Beauty of CSS (One of my hobbies)
Home Security (My real Job)
Multiple Link Styles with CSS
coloeagle is offline   Reply With Quote
Old 08-23-2009, 04:50 PM   #3
dozd
 
Join Date: Feb 2009
Posts: 23
Default

Thanks coloeagle!
dozd is offline   Reply With Quote
Old 08-23-2009, 04:53 PM   #4
coloeagle
coloeagle's Avatar
 
Join Date: Sep 2008
Location: Colorado, USA
Posts: 596
Default

Your welcome, glad to help out
__________________
The Beauty of CSS (One of my hobbies)
Home Security (My real Job)
Multiple Link Styles with CSS
coloeagle is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:50 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com