Компоненты изменения размера окна также перекрываются

#css

#css

Вопрос:

У меня есть мой css, как показано здесь

 body {
    margin:0px auto;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;  
}
html { overflow-y:scroll; }
a    { color:#038ad8; text-decoration:none; cursor:pointer; }   
a:focus { outline: 0; }
a:hover { text-decoration:none; color:#333 }

a.logo, fl, ul#topnav li, ul#topnav li a , .searchBox1, .cmprSite , .chkLbl,
.chk , .selPeriodBox input, .selPeriodBox select, .selPeriodBox label.txtLbl,
 .leftbar, .content, .homeBoxInr1 .homeBox3, .subTabsLinks2 input
{ float: left; }

.fr { float:right; }
h1, h2, h3, ul#topnav, ul#topnav li, form , .subTabs ul, .subTabs  ul
li, .leftNav ul, .leftNav ul li { margin:0; padding:0; }
  

Пожалуйста, посмотрите на изображение здесь.

(Я открываю ВСПЛЫВАЮЩЕЕ окно) диаграмма отображается с div.

Проблема в том, что если размер окна изменен, я не хочу, чтобы мои компоненты были изменены.

Это МОЙ Div

 <div  class="centered" id= "finance"/>
  

Пожалуйста, помогите мне

Ответ №1:

Если я чего-то не упускаю или не понимаю вашей проблемы, вам нужно —

 #finance {width:XXXXpx;}
  

Где XXXX — это размер, который вы хотите, чтобы ваша диаграмма была.