Arkadaşlar merhabalar web sitesi üzerinde denemeler yapıyorum fakat chrome'de zoom %110 120 gibi artırdığım zaman veya ufaltığım zaman %60 70 gibi yazının div içinden text'in fırladığını fark ettim bu konu da internetten araştırdığım kodları denedim fakat sonuç'a ulaşamadım bu konu da bilgisi olan varsa sevinirim.Ek olarak çok iyi değilim uğraşma aşamalarındayım.
Gerekli fotoğraf ve kod
Html

CSS
#doktorsag{width:220px;float:left;margin-left:660px;height:230px;margin-top:-293px; display: block;}
#doktorbas{background:url(../images/arkaplandoktor.PNG);width:220px;height:40px; border-radius:10px 10px 10px 10px; display: block;}
.drbas{font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;font-style: normal;color: #000;padding:15px 55px;font-weight:bold; display: block;}
.doktorres{background:url(../images/drres.jpg);width:62px;height:70px; background-repeat:no-repeat;border:0,20px solid #000; border-radius: 10px 10px 10px 10px;margin-top:5px;}
.doktorad{font-family: Verdana, Geneva, sans-serif;font-size: 11px;font-style: normal;font-weight: bold;color:#F00;padding:0px 20px 30px 65px;}
.drac {font-family: Georgia, "Times New Roman", Times, serif;font-size: 9px;font-weight: bold;color: #000;height:70px;width:100px;margin-top:2px;}
.drtan{float:left;height:95px;width:220px;margin-top:5px;border-bottom-width: thin;border-bottom-style: dashed;border-bottom-color: #630;}

Orjinal Resim


Anlatmak istediği resim



Yardımcı olanlara şimdiden teşekkür ederim