09/10/2018, 23:30

Hỏi về chuyện độ phân giải trong web

Em có thết kế 1 trang web ở độ phân giải 800 600 thì xem dc toàn màn hình mà ở độ phân giải 1024 768 thì bị lệch sang bên trái. Muốn khắc phục tình trạng này để web chạy tốt với mọi độ phân giải thì làm sao????????? Em cần gấp lắm

Về Đâu viết 01:39 ngày 10/10/2018

Code:

<style>
#warp {
	margin: 0pt auto;
       }
</style>
<div id="warp">abc</div>

nhét tòan bộ nội dung website vào cái div đó.
cái style tất nhiên dzô css.
xong
còn pc xài màn hình wide thì lạy

cuongvq viết 01:35 ngày 10/10/2018

trong thẻ body của file Css em cho thêm dòng
margin: 0 auto;
hoặc em có thể xem tutorial ở website của anh (link dứoi chữ ký)

livehanoi viết 01:44 ngày 10/10/2018

Được gửi bởi langtusitinh225 View Post

Trong phần

<body>

nội dung website của bạn

</body>

bạn phải thêm vào thẻ (tag) <center> </center> như sau:

<body>
<center>

nội dung website của bạn

</center>
</body>

Ngoài ra khi design ( thiết kế ) layout cho độ phân giải 800x600
thì chọn :
+ WIDTH : 778 Chiều ngang
+ HEIGHT: 450 Chiều cao
Với kích thước này thì trang web sẽ fix đúng vào màn hình 800x600.

Tuy nhiên hiện nay đa số người dùng là màn hình 17", nên bạn nên thiết kế : 1024 x768

Thân ái

langtusitinh225 viết 01:36 ngày 10/10/2018

Em làm như vậy mà chưa dc các anh ơi

livehanoi viết 01:40 ngày 10/10/2018

Được gửi bởi cuongvq View Post

trong thẻ body của file Css em cho thêm dòng
margin: 0 auto;
hoặc em có thể xem tutorial ở website của anh (link dứoi chữ ký)

Theo mình thì do trang web đã lệch bên trái, nên mình chỉ cần thêm thẻ <center> vào body là được.

ví dụ:

<body>
<center>

NỘI DUNG

</center>
</body>

Như vậy trang web sẽ nằm giữa màn hình.

livehanoi viết 01:33 ngày 10/10/2018

Được gửi bởi langtusitinh225 View Post

Em làm như vậy mà chưa dc các anh ơi

Sao ko được bạn.
ví dụ code sau:

<html>

<head>

<title>Hello</title>
</head>

<body>

Hello

</body>

</html>

Bạn save lại với tên file a.html rồi open xem thủ, sẽ thấy chữ Hello nằm bên trái.

và bạn thêm tag center như sau:

<html>

<head>

<title>Hello</title>
</head>

<body>
<center>

Hello

</center>
</body>

</html>

bạn save lại và open lên xem. Lúc này chử Hello sẽ nằm giữa màn hình.

Áp dụng vào trang của bạn cũng tương tự, thêm tag <center> vào sau tag <body>

livehanoi viết 01:47 ngày 10/10/2018

Được gửi bởi vnvip88 View Post

anh em vao tham khao them nhe