PDA

View Full Version : căn giữa dùng CSS



Bố Tây
03-05-2008, 20:14
margin-left: auto;
margin-right: auto;


Em thử đoạn đó cho BODY thì FF nó chạy tốt, còn IE thì nó vẫn là LEFT, giờ sửa sao các bác?

2_lua_IT
03-05-2008, 23:26
margin:0 auto; bạn ơi.

trouble_maker
04-05-2008, 09:08
để chắc ăn thì làm thế này:
body {
margin: 0;
padding: 0;
text-align: center; /*Không ra giữa mới là lạ hê hê*/
}
#content {
width: 800px; /*cần phải có một chiều dài nếu muốn ra giữa*/
text-align: left; /*để chữ nằm bên trái*/
margin: 0 auto; /*chắc ăn ra giữa luôn*/
}

hoặc còn cách này nữa:
đặt tất cả nội dung website nằm trong cặp thẻ <center></center>

Bố Tây
04-05-2008, 10:55
HTML,BODY {
MARGIN: 0px;
PADDING: 0px;
WIDTH: 753px;
MARGIN: 0 AUTO;
}

Sửa lại thành vậy rồi, mà trên Internet Explorer nó không không canh giữa được :(

superthin
04-05-2008, 11:09
Sửa lại thành vậy rồi, mà trên Internet Explorer nó không không canh giữa được :(
Sao không canh giữa được nhỉ? Có lẽ là cố định DIV đi sẽ ra giữa ngay thôi :)

temp2
04-05-2008, 11:49
tùy thuộc vào cái khai báo DOCTYPE của pác nữa; chắc ăn là chơi MARGIN: 0px AUTO;

Quartermain
05-05-2008, 13:15
Sửa lại thành vậy rồi, mà trên Internet Explorer nó không không canh giữa được :(


có nhiều cách căn giữa mà
cách dễ nhất bạn cho cả cái thẻ div mà chứa khung web đấy vào cái <center>....</center>

Cách thứ 2 viết trong css

#idMainBody{
position: ab..;
left: 50%;
top: 50%;
margin-left:1/2 của chiều rộng trang web;
}

nhét cái #idMainBody này vào trong thẻ div đầu tiên chứa khung web đấy

2_lua_IT
05-05-2008, 13:43
trời làm j rắc rối thế, chỉ cần thêm như :
* { margin:0px; padding:0px; }
#content { width:500px; margin:0px auto; }
Là mọi trình duyệt đều OK thôi mà.
Mà chủ đề này hình như đã nói nhiều ở các topics trước rồi mà, pác @Bố Tây bới lại làm j vậy.

michaelphan
06-05-2008, 14:58
ngoài body cho thêm cái text-align:center nữa thử xem.