Cho em hỏi về sự thay đổi khi resize browser !!!!

burmy

Member
6/8/12
139
4
18
29
Hiện em đang làm 1 trang web nhưng mà nó đang bị 1 cái là khi mình resize browser, ví dụ như kéo cái browser cho nó nhỏ bề rộng lại thì các thành phần trong web nó nhảy tùm lum nó tự điều chỉnh theo kích cỡ của Browser ( cái này đè cái nọ, chồng cái kia ì xèo ) , giờ e muốn nó đứng im chứ ko tự động nhảy tùm lum như vậy khi resize browser thì sử dụng thuộc tính gì hoặc có cách nào gợi ý gì giúp em với ? Em có tìm thử trên mạng nhưng mà ko biết đánh từ khoá kiểu gì =.= !!!!! Cảm ơn các anh !!!!

File code đây ạ : www.dropbox.com/s/rzru4p68nvzcs7a/adjust%20browser.rar
 
Sửa lần cuối:

Joe

Thành viên VIP
21/1/13
2,736
1,256
113
Burmy,
you're a regular member and you know that NO CODES = NO HELP. I myself am not a soothsayer and unable to divine your "Unfortunateness".
 
  • Like
Reactions: burmy

burmy

Member
6/8/12
139
4
18
29
Burmy,
you're a regular member and you know that NO CODES = NO HELP. I myself am not a soothsayer and unable to divine your "Unfortunateness".
Thanks Joe, but my problem is default when i create a new jsp or html file and put in some div tag and it auto replace its position when i resize the browser. I can upload the images to show that :
Full browser :


and when i resize browser to smaller :


Thanks Joe :) !!!
 

thanht2pro

Member
13/9/11
92
12
8
Hiện em đang làm 1 trang web nhưng mà nó đang bị 1 cái là khi mình resize browser, ví dụ như kéo cái browser cho nó nhỏ bề rộng lại thì các thành phần trong web nó nhảy tùm lum nó tự điều chỉnh theo kích cỡ của Browser ( cái này đè cái nọ, chồng cái kia ì xèo ) , giờ e muốn nó đứng im chứ ko tự động nhảy tùm lum như vậy khi resize browser thì sử dụng thuộc tính gì hoặc có cách nào gợi ý gì giúp em với ? Em có tìm thử trên mạng nhưng mà ko biết đánh từ khoá kiểu gì =.= !!!!! Cảm ơn các anh !!!!
Ở trong code bạn có cái thẻ div hay table mà lớn nhất để chứa toàn bộ nội dung ý. Cậu để cái thuộc tính min-width theo độ dài cố định đi là nó không co các phần tử lại nữa.
 
  • Like
Reactions: burmy

burmy

Member
6/8/12
139
4
18
29
Ở trong code bạn có cái thẻ div hay table mà lớn nhất để chứa toàn bộ nội dung ý. Cậu để cái thuộc tính min-width theo độ dài cố định đi là nó không co các phần tử lại nữa.
Thanks bạn nhưng mình có thử cái đó rồi, nhưng ko có tác dụng gì cả luôn :confused: mà giả sử mình có 1 cái div bự, xong ở trong có nhiều div, table nhỏ nhỏ thì tất cả đều phải có min-width hay chỉ cần cái div to nhất ngoài cùng hả cậu ?
 
Sửa lần cuối:

thanht2pro

Member
13/9/11
92
12
8
Thanks bạn nhưng mình có thử cái đó rồi, nhưng ko có tác dụng gì cả luôn :confused: mà giả sử mình có 1 cái div bự, xong ở trong có nhiều div, table nhỏ nhỏ thì tất cả đều phải có min-width hay chỉ cần cái div to nhất ngoài cùng hả cậu ?
Cái ngoài cùng thôi cậu.
cậu important nó vào đi.
ko thì cậu post code lên xem sao
 
  • Like
Reactions: burmy

burmy

Member
6/8/12
139
4
18
29
Đây là vấn đề Css mà. Thành phần nào bị di chuyển theo miền giới hạn của browser bậy bạn
Dạ CSS đó anh, e có up 2 tấm hình ở Post 3, a xem giúp e thử xem, e thấy là các thành phần bên trong cũng tự di chuyển luôn. Mấy bữa nay e bận chưa mở code ra dc :( !!!!!!!!! Thanks anh !!!!
 

JackV

Administrator
Staff member
Da tại CSS e để file riêng nên hok có save web dc, e định chụp hình code rùi up lên a :D !!!!
Em làm thế nào để mọi người có source trang web của em, em có thể mở lên view source để lấy rồi kèm theo file css của em, nếu không thì khó biết là chính xác là do thuộc tính nào.
 
  • Like
Reactions: burmy

Joe

Thành viên VIP
21/1/13
2,736
1,256
113
Man Burmy,
it's a huge package. Do you know that I bill every cooperative client 400US$/hour (four hundred) and your package consumed me more than 2 hours. You owe me now 800 US$ :D
Fun aside, I think you'd cover your style.css with some modifications as following:
img {
max-width:100%;
max-height:100%
height:auto;
width:auto;
}
You can consult the W3School (click here) for more details about the properties of Height/Width.
 
  • Like
Reactions: burmy

burmy

Member
6/8/12
139
4
18
29
Man Burmy,
it's a huge package. Do you know that I bill every cooperative client 400US$/hour (four hundred) and your package consumed me more than 2 hours. You owe me now 800 US$ :D
Fun aside, I think you'd cover your style.css with some modifications as following:
img {
max-width:100%;
max-height:100%
height:auto;
width:auto;
}
You can consult the W3School (click here) for more details about the properties of Height/Width.
Really thanks you, Joe. I never think the matter is at images, i will try to fix now !!!!! I will remember your 800 $ !!!!! =]]
 

burmy

Member
6/8/12
139
4
18
29
Man Burmy,
it's a huge package. Do you know that I bill every cooperative client 400US$/hour (four hundred) and your package consumed me more than 2 hours. You owe me now 800 US$ :D
Fun aside, I think you'd cover your style.css with some modifications as following:
img {
max-width:100%;
max-height:100%
height:auto;
width:auto;
}
You can consult the W3School (click here) for more details about the properties of Height/Width.
I have tried but still have problems. The logo "Software Company ...." is covered by a div with background image propertie. But when i minimize the browser, the div disappears and the Logo move to the center of the site ........ Could you give me some tips :( !!!
 

Joe

Thành viên VIP
21/1/13
2,736
1,256
113
Burmy, mon Dieu! Tu dois moi à 1.2K US$...:D
Try the following:
layout.html: See the keyword min-height
PHP:
    <div id="art-flash-area">
        <div id="art-flash-container">
   
                          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" min-height="100%" id="art-flash-object">

                      ....
                           <!--[if !IE]>-->
                           <object type="application/x-shockwave-flash" data="images/flash.swf" width="100%" min-height="100%">
                                ...
and style.css: (as example: See the keywords min-height and min-width)
PHP:
#art-main
{
  ...
   min-width: 20%; /*width: 100%;*/
   min-height: 20%;/*100%;*/
   ...
}
...
#art-flash-area
{
   position: absolute;
   top: 0;
   left: 0;
/*
   width: 896px;
   height: 350px;
*/
   min-width: 20%; /*width: 100%;*/
   min-height: 20%;/*100%;*/
   overflow: hidden;
}
then you'll get this minimized size here.
(I bill EVERY cooperative client 400 US$/hour. Your "huge" package took 3 hours.:bz)
 

Attachments

  • Like
Reactions: burmy

burmy

Member
6/8/12
139
4
18
29
Burmy, mon Dieu! Tu dois moi à 1.2K US$...:D
Try the following:
layout.html: See the keyword min-height
PHP:
    <div id="art-flash-area">
        <div id="art-flash-container">
  
                          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" min-height="100%" id="art-flash-object">

                      ....
                           <!--[if !IE]>-->
                           <object type="application/x-shockwave-flash" data="images/flash.swf" width="100%" min-height="100%">
                                ...
and style.css: (as example: See the keywords min-height and min-width)
PHP:
#art-main
{
  ...
   min-width: 20%; /*width: 100%;*/
   min-height: 20%;/*100%;*/
   ...
}
...
#art-flash-area
{
   position: absolute;
   top: 0;
   left: 0;
/*
   width: 896px;
   height: 350px;
*/
   min-width: 20%; /*width: 100%;*/
   min-height: 20%;/*100%;*/
   overflow: hidden;
}
then you'll get this minimized size here.
(I bill EVERY cooperative client 400 US$/hour. Your "huge" package took 3 hours.:bz)
Thank you very very much Joe, i have just solved this problem !!!!! Thanks you :)), i will remember your 1200 $, don't worry :) !!!!!