ai pro css xhtml giúp mình - .:: HVAOnline ::.

English | Vietnamese

Rules

Main Forum

Portal

Member Listing

Statistics

Search

Reading Room
[Register]

Login [ | https ]

Forum Index

Thảo luận hệ điều hành Windows

ai pro css xhtml giúp mình

[Programming] ai pro css xhtml giúp mình	31/12/2008 03:23:14 (+0700) \| #1 \| 164569

kikimari
Member

Joined: 03/10/2007 10:01:13
Messages: 29
Offline

làm thế nào thuộc tính boder: 0px có tác dụng ở xhtml

Vd ở HTML mình vẫn viết trong css như sau

body {
boder: 0px
}

nhưng trong xhtml mình cụng viết thế nhưng không có tác dụng có ai biết không chỉ mình với

[Question] Re: ai pro css xhtml giúp mình	31/12/2008 08:56:26 (+0700) \| #2 \| 164635

YHT
Member

Joined: 21/04/2006 13:29:33
Messages: 173
Location: HCM
Offline

Bạn thử
body {
border: none;
}

xem. Chú ý là border chứ không phải boder, và 0 thì không cần phải ghi px phía sau.

[Question] Re: ai pro css xhtml giúp mình	31/12/2008 11:39:34 (+0700) \| #3 \| 164652

kikimari
Member

Joined: 03/10/2007 10:01:13
Messages: 29
Offline

YHT wrote:

Bạn thử
body {
border: none;
}

xem. Chú ý là border chứ không phải boder, và 0 thì không cần phải ghi px phía sau.

Không có tác dụng bạn ơi

Đây là code xhtml mình viết

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html body {
	border: none;
	background-color: #990000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
</head>
<body>
<div style="width: 1007px; height: 1007px"></div>
</body>
</html>

và đây là code html

Code:

<html>
<head>
<style type="text/css">
html body {
	border: none;
	background-color: #990000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
</head>
<body>
<div style="width: 1007px; height: 1007px"></div>
</body>
</html>

Cái viết bằng html chạy rất ngon
max width của html nếu border = 0px là 1007 và nếu không cho border = 0px thì nó là 1003
bạn phải mởi bằng IE mới thấy rõ được

cái ai có thể giúp mình không

[Question] Re: ai pro css xhtml giúp mình	31/12/2008 12:12:28 (+0700) \| #4 \| 164654

YHT
Member

Joined: 21/04/2006 13:29:33
Messages: 173
Location: HCM
Offline

Bạn có thể nói rõ là bạn muốn nó như thế nào không? Vì mình chạy 2 đoạn code trên IE7 đều như nhau.

[Question] Re: ai pro css xhtml giúp mình	31/12/2008 16:39:49 (+0700) \| #5 \| 164675

learn2hack
Elite Member

Joined: 29/06/2006 16:32:37
Messages: 825
Offline

CSS ko phụ thuộc vào HTML hay XHTML bạn à, cho nên vấn đề bạn xét nên xem xét ở khía cạnh CSS thôi. Bạn có thể nói rõ hơn là bạn muốn thế nào, để biết đường mà viết. Hơn nữa, code của bạn ko hiển thị gì nên rất khó test, bạn nên cho hiển thị 1 vài thứ gì đó trong thẻ div chẳng hạn. Ngoài ra thì nên test bằng 1 công cụ nào đó để biết rõ kích thước của element trong văn bản. Nếu trên FF bạn có thể dùng plugin Web Developer.

PS: thuộc tính border viết border: 0px là ko đúng chuẩn đâu, phải viết là border: 0px solid #fff; chẳng hạn, hoặc border: none; thì ok.

Blog: http://hontap.blogspot.com
Tải phần mềm miễn phí: http://www.taiphanmem.org

[Question] Re: ai pro css xhtml giúp mình	31/12/2008 23:03:30 (+0700) \| #6 \| 164687

kikimari
Member

Joined: 03/10/2007 10:01:13
Messages: 29
Offline

Các bạn phải nhìn kỹ ở IE nếu không cho thuộc tính boder: 0px thì nó xẽ có đường viền bên trong trình duyệt
Nghĩa là thông thường Maxwidth ở IE là 1003 nhưng thêm thuộc tính border: 0px thì maxwidth của nó là 1007

Nhưng mình cần XHTML chạy được cái border: 0px đó
vd mình cho thêm thẻ div vào body <div style="width: 1007px; height: 1007px"></div> ở html có đặt thuộc tính border: 0px thì nó không hiện thanh kéo ngang nghĩa là width: 1007px vừa khít với trình duyệt

nhưng ở XHTML thì nó xẽ hiện thanh kéo nhìn rất sấu bạn thử test cái xhtml rưới đây mà coi nó xẽ có thêm 1 thanh kéo ngang

Code:

Code XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <style type="text/css">
 html body {
 	border: none;
 	background-color: #990000;
 	margin-left: 0px;
 	margin-top: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
 }
 </style>
 </head>
 <body>
 <div style="width: 1007px; height: 1007px"></div>
 </body>
 </html>

Code:

Code HTML
<html>
 <head>
 <style type="text/css">
 html body {
 	border: none;
 	background-color: #990000;
 	margin-left: 0px;
 	margin-top: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
 }
 </style>
 </head>
 <body>
 <div style="width: 1007px; height: 1007px"></div>
 </body>
 </html>

[Question] Re: ai pro css xhtml giúp mình	01/01/2009 02:13:22 (+0700) \| #7 \| 164711

Genetic
Member

Joined: 11/07/2006 13:17:17
Messages: 114
Location: Hưng Yên
Offline

kikimari wrote:

Các bạn phải nhìn kỹ ở IE nếu không cho thuộc tính boder: 0px thì nó xẽ có đường viền bên trong trình duyệt
Nghĩa là thông thường Maxwidth ở IE là 1003 nhưng thêm thuộc tính border: 0px thì maxwidth của nó là 1007

Nhưng mình cần XHTML chạy được cái border: 0px đó
vd mình cho thêm thẻ div vào body <div style="width: 1007px; height: 1007px"></div> ở html có đặt thuộc tính border: 0px thì nó không hiện thanh kéo ngang nghĩa là width: 1007px vừa khít với trình duyệt

nhưng ở XHTML thì nó xẽ hiện thanh kéo nhìn rất sấu bạn thử test cái xhtml rưới đây mà coi nó xẽ có thêm 1 thanh kéo ngang

Quá sợ luôn

Vấn đề của bạn không nên tập trung vào giải quyết cái border của CSS, tại sao bạn cứ phải đặt thuộc tính width cố định là bao nhiêu pixel, theo mình chỉ cần thẻ div bạn làm thế này
Code:

<div style="width: auto; height: 1007px"></div>

[Question] Re: ai pro css xhtml giúp mình	01/01/2009 05:24:51 (+0700) \| #8 \| 164729

learn2hack
Elite Member

Joined: 29/06/2006 16:32:37
Messages: 825
Offline

Đúng thật là khi chạy trên IE ở độ phân giản 1024x768 thì code XHTML có xuất hiện thanh cuộn ngang, còn code thứ 2 thì ko. Hơi khó hiểu 1 chút smilie

, đoạn code thứ 2 thực tế là ko khai báo chuẩn DOCTYPE, nghĩa là IE sẽ đối xử với nó theo cách mà nó mặc định.

Khi thêm DOCTYPE vào đoạn code thứ 2 như thế này:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

thì đều xảy ra tình trạng giống như đoạn code đầu tiên. Ở đây mình sử dụng DOCTYPE của HTML 4.01 dạng Traditional (và cả Strict, đã thử) để phân biệt với XHTML bạn đưa ra. Tất cả đều có kết quả giống nhau.

Do đó mình nghĩ là vấn đề ở DOCTYPE, có nghĩa là khi 1 trang web khai báo theo đúng chuẩn của W3 thì IE sẽ đối xử đúng chuẩn, còn ko thì nó đối xử theo kiểu của nó. Chi tiết về việc nó hành sự thế nào thì mình search giùm bạn http://www.netmechanic.com/news/vol4/html_no22.htm:

IE 6 uses the DOCTYPE tag to decide which rendering engine to use. If your page doesn't use a DOCTYPE, then IE 6 will use its classic engine. Also, if you use a DOCTYPE that includes the words "Transitional," then IE 6 will usually use the classic engine. That's the way Page 1 is written, using this DOCTYPE tag:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

However, if your DOCTYPE tag includes the words "Transitional" and gives a URL where the DTD can be found, then IE 6 will instead switch to the new rendering engine. So this version of the tag will use the new engine:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Likewise, if your DOCTYPE doesn't include the word "Transitional" or includes the word "Strict," then IE 6 will use the new rendering engine. So either of these DOCTYPE tags will trigger the new rendering engine:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">

Có thể thấy là IE sử dụng 2 bộ engine: "classic" và "new", và việc khai báo DOCTYPE sẽ khiến IE quyết định sử dụng bộ engine nào để đọc và hiển thị trang web.

Blog: http://hontap.blogspot.com
Tải phần mềm miễn phí: http://www.taiphanmem.org

[Question] Re: ai pro css xhtml giúp mình	01/01/2009 22:22:06 (+0700) \| #9 \| 164822

kikimari
Member

Joined: 03/10/2007 10:01:13
Messages: 29
Offline

Mình đang muốn xhtml chạy được cái thuộc tính border: 0px mà nghĩa là maxwidth là 1007 ý
vẫn phải dữ nguyên cái dòng này mới được vì code mình toàn css bỏ cái dòng rưới đi web lỗi hết
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

[Question] Re: ai pro css xhtml giúp mình	02/01/2009 07:43:02 (+0700) \| #10 \| 164854

learn2hack
Elite Member

Joined: 29/06/2006 16:32:37
Messages: 825
Offline

Bạn đọc kĩ bài trên của mình thì sẽ hiểu là nếu bạn sử dụng DOCTYPE đó thì IE sẽ ko render cho maxwidth của bạn được tới 1007 px. Nguyên nhân là nó sử dụng engine khác so với engine classic khi bạn ko khai báo. Đây là cách IE làm việc, vì thế tốt nhất là bạn nên viết lại code, ko sử dụng maxwidth 1007 nữa mà nên giảm xuống 1 chút. Nếu ko thì e chỉ có cách liên hệ với MS!

Blog: http://hontap.blogspot.com
Tải phần mềm miễn phí: http://www.taiphanmem.org

Go to:

Users currently in here
1 Anonymous