Chỉ hack IE 6 dùm em! lỗi nhiều quá! [Archive]

1and2

22-04-2009, 22:15

Lúc đầu làm test trên IE7 FF mọi thứ điều tốt.
IE 6 nó nhẩy tùm lum. Quá sợ ie 6 rồi mà dân tình bên em toàn sài ie 6 mới chết.
Các bác cao thủ vào fix dùm IE 6 em tạ ơn và đền chúc công ơn ạh. Thanks trước nhé.
Và đây là lỗi.

www.duytuongmobile.com
Lỗi trên IE 6
http://duytuongmobile.com/loi_ie6.jpg

Hiển thị trên IE 7 và FF tốt
http://duytuongmobile.com/kloi.jpg

[=========> Bổ sung bài viết <=========]

em áp dụng DIV. kiểu này chắc quay lại Table TR TD rùi :(. DIV có thể khắc phục được trong IE 6 không các bác!

nnanh01

24-04-2009, 09:14

sao lại không đc, giwof có mấy ai dùng table đâu (dùng table ai dám quảng cáo là web2.0).

Gửi cái link trang wweb cho xem mới test đc, chỉ cái hình như thế thì pó tay.

http://www.datmaychu.net

1and2

24-04-2009, 22:44

sao lại không đc, giwof có mấy ai dùng table đâu (dùng table ai dám quảng cáo là web2.0).

Gửi cái link trang wweb cho xem mới test đc, chỉ cái hình như thế thì pó tay.

http://www.datmaychu.net

Địa chỉ web ở trên đó bác.

www.duytuongmobile.com

nnanh01

25-04-2009, 11:42

Lỗi 1:
ul.submenu li a{
color:#dcdcdc;
text-decoration:none;
font-size:12px;
display:block;
padding:7px 5px 7px 15px;
}
sửa thành
ul.submenu li a{
color:#dcdcdc;
text-decoration:none;
font-size:12px;
display:block;
padding:7px 5px 7px 15px;
_padding:0px 0px 0px 15px;;
}
và
.sizeTitle{
margin: 2px;
padding-top: 4px;
}
sửa thành
.sizeTitle{
margin: 2px;
padding-top: 4px;
_padding-bottom:8px;
}

lỗi 2:
sửa
.bgContent{
background: #383737;

thành
.bgContent{
background: #383737;
_border:1px solid #383737;
}

lỗi 3:
sửa
.tabs li{
display:block;
float:left;
}
trong file images/Style.css thành
.tabs li{
display:block;
float:left;
_width:150px;
}
(nguyên đọan div và li này cậu không để rộng bao nhiêu - thằng IE6 lấy 100% nên mỗi thằng 1 dòng).

Lỗi 4:
sửa
#bodyContent{float:left;width: 507px;margin: 11px 5px 0px 1px;}
thành
#bodyContent{float:left;width: 507px;margin: 11px 5px 0px 1px;
_width:503px;}
và
.item_Products {
float: left;
height: 165px;
width: 110px;
margin: 10px 14px 10px 0;
}
thành
.item_Products {
float: left;
height: 165px;
width: 110px;
margin: 10px 14px 10px 0;
_margin: 10px 10px 10px 0;
}

Ở lỗi 4, chủ yếu là thằng IE 6 nó hiểu width không giống với 2 thằng khác, nên không đủ độ rộng cho nó hiển thị=>nhảy xuống dưới.

làm biếng quá nên làm cho cậu bấy nhiêu thui, tất cả chỉnh sửa trên chỉ có tác dụng với IE 6, các trình duyệt khác không ảnh hưởng.

Tớ không rành css lắm vì mới làm đc có 2 tháng. Trước đây cũng làm table

http://www.datmaychu.net

1and2

25-04-2009, 21:11

mình thay đoạn này ở

Mình dùng chữ in nghiên sửa. Thay đổi mới là in đậm

ul.submenu li a{
color:#dcdcdc;
text-decoration:none;
font-size:12px;
display:block;
padding:7px 5px 7px 15px;
padding:0px 0px 0px 15px;
}

Khi dùng Padding: 0px 0px 0px 15px. Thì IE nó thằng hàng như vậy.
http://duytuongmobile.com/edit/1.gif

Nhưng ff 3.x thì lại ngắn ngủn lại. Vì theo mình nghĩ thì.
Padding: (Top =7px, Right=5px, bottom=7px; left =15px). Tính từ chữ và cách điều ra mõi bên tùy theo mình định cho nó là bao nhiêu px.
Nhưng sao IE nó lại điều rang như là mình đã định cho nó bảo nhiêu. Cái này thông số nó là sao để mình biết mà lấy chuẩn cho IE 6.

Thêm phần này.
Mình dùng

#leftContent{float: left;width: 184px; margin: 10px 5px 0px 5px;}

Thì FF
http://duytuongmobile.com/edit/2ff.gif <~~ đúng ý mình

và IE 6
http://duytuongmobile.com/edit/2ie.gif <~~ khoảng cách rộng. làm không được chính xác.
Mình có hướng khắc phục hiển thị cho đúng không?

Mình có đọc sơ mấy tài liệu nước ngoài thấy nó có ghi như thế này.

/* html

Hình như là cho web khi dùng IE 6 thì nó sẽ lấy thông số đó ứng cho trình duyệt IE 6. Có phải như vậy không các bác

U.F.O

26-04-2009, 06:14

Cho em hỏi nhà em đang IE7 mún chuyển sang IE 6 nữa đẻ test thì làm thế nào?

1and2

26-04-2009, 08:20

Cho em hỏi nhà em đang IE7 mún chuyển sang IE 6 nữa đẻ test thì làm thế nào?

Mình có search ra được links này cài IE6 và IE7 trong cùng 1 máy
http://www.ddth.com/showthread.php?t=141065
! bạn xem có giúp được gì không? Hiên tại thì mình dùng remote PC để kiểm tra cũng hơi cực.

phongjalvn

27-04-2009, 22:12

1/ IE 6, 7 và 8 xài chung 1 máy: http://www.my-debugbar.com/wiki/IETester/HomePage
2/ margin bug:

#leftContent{float: left;width: 184px; margin: 10px 5px 0px 5px;}
Sửa thành

#leftContent{float: left;width: 184px; margin: 10px 5px 0px 5px; display:inline}
3/ Thấy trang đó có phần style switch mà không hoạt động nhỉ :D

1and2

28-04-2009, 08:05

1/ IE 6, 7 và 8 xài chung 1 máy: http://www.my-debugbar.com/wiki/IETester/HomePage
2/ margin bug:

#leftContent{float: left;width: 184px; margin: 10px 5px 0px 5px;}
Sửa thành

#leftContent{float: left;width: 184px; margin: 10px 5px 0px 5px; display:inline}
3/ Thấy trang đó có phần style switch mà không hoạt động nhỉ :D

Mới add nick của bác.

À thêm phần display:inline; à work rùi! nãy chỉnh nhầm
À còn style switch mà không hoạt động là thế nào vậy bác.

Thanks bác

nnanh01

28-04-2009, 16:47

To: 1and2

cái mình sửa có xài đc không?? đc mới nói tiếp, hoặc sai ntn??

Cách chạy IE 6, 7, 8 trên cùng một máy:

bình thường có IE7, update lên IE8, sau đó cài IE7 standard alone, tiếp theo cài Multiies (bao gồm 3. đến 6.0).

http://www.datmaychu.net

1and2

28-04-2009, 23:29

To: 1and2

cái mình sửa có xài đc không?? đc mới nói tiếp, hoặc sai ntn??

Cách chạy IE 6, 7, 8 trên cùng một máy:

bình thường có IE7, update lên IE8, sau đó cài IE7 standard alone, tiếp theo cài Multiies (bao gồm 3. đến 6.0).

http://www.datmaychu.net

Có mình fix được Tabs. Nhưng có 1 số mình fix nó vẫn không work. Và mình thêm display:inline của phongjalvn mình đã làm khít được ở phần #leftContent #RightContent và #BodyContent. Nó sát điều như ở FF

.Và còn 1 đoạn này.
FF work.
http://duytuongmobile.com/edit/2ff.gif
IE nó rộng.
http://duytuongmobile.com/edit/2ie.gif <~~ rộng của chiều cao.
Chứ chiều từ mép vào mình đã dùng đoạn display:inline thì đã sát điều nhau trên IE6 IE7 và FF

nnanh01

29-04-2009, 09:24

Cái rộng của chiều cao mình nhớ là mình ghi

_padding:0px 0px 0px 15px;

chứ không phải

padding:0px 0px 0px 15px;

(có dấu ghạch dưới)

như sau nè

Lỗi 1:

ul.submenu li a{
color:#dcdcdc;
text-decoration:none;
font-size:12px;
display:block;
padding:7px 5px 7px 15px;
}

sửa thành

ul.submenu li a{
color:#dcdcdc;
text-decoration:none;
font-size:12px;
display:block;
padding:7px 5px 7px 15px;
_padding:0px 0px 0px 15px;/*có tác dụng cho IE 6*/
}

nếu bạn ghi 2 dòng

padding:7px 5px 7px 15px;
padding:0px 0px 0px 15px;

thì dòng trên không có ý nghĩa cho trình duyệt (nó lấy kết quả của dòng dưới - nói chung là cái sau cùng)

1and2

11-05-2009, 19:29

http://congdongtravinh.com/files/footer.gif

Phần Footer: IE6 và IE 7,FF khác nhau.

Em dùng CSS này để định dạng cho khoảng trống đó. Cách nào làm tốt hơn cách kinh điển của em không :D

.footerBorderX{ height: 5px;background:#525252; pading: 10px;}

http://congdongtravinh.com/files/menu.gif

Phần menu này khác 1 trời vực giữa IE 6 và FF,IE7. Cái em muốn là chiều cao rộng và khoảng cách trắng gióng như khi xem trên FF.

www.duytuongmobile.com các AE tham khảo css của em và fix dùm lỗi.
Thanks

nnanh01

13-05-2009, 18:09

anh chàng này lạ thiệt ta! mình nhớ là mình đã fix cái này rồi mà sao vẫn như thế là thế nào??

Sửa cho cậu rồi cậu có dùng đâu! file css vẫn như thế, có thay đổi gì đâu mà lại hỏi nữa..

Thật là pó tay

Đọc lại từ đầu đi

1and2

14-05-2009, 23:43

anh chàng này lạ thiệt ta! mình nhớ là mình đã fix cái này rồi mà sao vẫn như thế là thế nào??

Sửa cho cậu rồi cậu có dùng đâu! file css vẫn như thế, có thay đổi gì đâu mà lại hỏi nữa..

Thật là pó tay

Đọc lại từ đầu đi
Thanks! lần trước có thử 1 lần thấy không được tốt cho lắm. Để rãnh sẽ nghiên cứu lại cái cậu fix cho mình.

padding:7px 5px 7px 15px;
_padding:0px 0px 0px 15px;/*có tác dụng cho IE 6*/

Sao mình đọc không thấy dùng

_padding: /* có tác dụng cho IE 6*/

À nhân tiện hỏi là.

* html đoạn này có tác dụng như thế nào vậy?
Vì thường hay thấy trong css đoạn nào fix cho ie 6 thì thường có
Ví dụ:

.head{margin:10px;}
*.head{height:10px;} /* fix cho ie 6 head */
Tác dụng có phải là fix không?

nnanh01

15-05-2009, 09:18

Không phải tác dụng là "fix", mà nó chỉ có tác dụng cho IE 6 thôi.

VD:
.head{margin:10px;}
*.head{height:10px;} /* fix cho ie 6 head */

đối với các browser khác lớp head có margin 4 bên là 10px, chiều cao mặc định theo nội dung. Đối với IE 6 lớp head thì không có thuộc tính margin, chiều cao là 10px.

tương tự cho:

padding:7px 5px 7px 15px;
_padding:0px 0px 0px 15px;/*có tác dụng cho IE 6*/

Các trình duyệt khác có padding-top là 7px, right là 5px, bottom là 7px, left là 15px. Nhưng đối với IE 6 thì top=right=bottom=0 và left=15

http://www.datmaychu.net/videos/GH_vietnam_piakos_03.avi

kimsonnam

17-06-2009, 15:59

theo ngu ý của em các bác có thể dùng nhiều trình duyệt trên 1 máy (IE 6,7,8) cách đơn giả nhất là kiếm bản portable , he he nhẹ nhàng mà lại hiệu quả , còn kiếm ở đâu chắc các bác bít roài .