10/10/2018, 11:11
CSS: Margin:auto or div align=center vẫn k canh giữa trong IE, help me.
Mình có đoạn code đơn giản sau:
chạy trong FF và Chrome thì khung login canh giữa bình thường, nhưng chạy trong IE thì k canh giữa dc, mong dc giúp đỡ vấn đề này.
<style>
@charset "utf-8";
*{
margin:0px;
}
#login{
width:400px;
margin:auto;
}
label{
width:100px;
float:left;
font-weight:900;
}
legend{
color:#FF0000;
font-size:25px;
}
</style>
<div id="login">
<form method="post" action=""><fieldset><legend>Login to manage</legend>
<label>Email</label><input type="text" name="email" /><br />
<label>Password</label><input type="password" name="pass" /><br />
<label> </label><input type="submit" name="ok" value="Sigin" />
</fieldset></form>
</div>
@charset "utf-8";
*{
margin:0px;
}
#login{
width:400px;
margin:auto;
}
label{
width:100px;
float:left;
font-weight:900;
}
legend{
color:#FF0000;
font-size:25px;
}
</style>
<div id="login">
<form method="post" action=""><fieldset><legend>Login to manage</legend>
<label>Email</label><input type="text" name="email" /><br />
<label>Password</label><input type="password" name="pass" /><br />
<label> </label><input type="submit" name="ok" value="Sigin" />
</fieldset></form>
</div>
Bài liên quan
Nó như thế này:
@charset "utf-8";
*{
margin:0px;
}
#login{
width:400px;
margin:auto;
text-align: left;
}
label{
width:100px;
float:left;
font-weight:900;
}
legend{
color:#FF0000;
font-size:25px;
}
</style>
<div align="center">
<div id="login">
<form method="post" action=""><fieldset><legend>Login to manage</legend>
<label>Email</label><input type="text" name="email" /><br />
<label>Password</label><input type="password" name="pass" /><br />
<label> </label><input type="submit" name="ok" value="Sigin" />
</fieldset></form>
</div>
</div>
margin:0 auto;
http://www.youtube.com/watch?v=-l4dT3QLGeU
width:400px;
margin: 0 auto;
}
width:400px;
margin-left:auto;
margin-right:auto;
}
http://jsbin.com/elaxi5 (cách của bạn): FF ok, IE 6 NOT ok
http://jsbin.com/elaxi5/2 (cách của tôi): FF ok, IE 6 CŨNG ok
không hiểu code do bạn sinh ra thế nào? có thiếu thẻ gì ko mà ko được, bạn thử viewsource HTML của bạn rồi post hết jsbin.com xem nào
-Nếu thêm body{text-align:center) vào rồi thêm text-align:left trong #login thì ok. Nhưng vấn đề là thẻ body a đã gắn thuộc tính center vào nó rồi, sau này mình còn định dạng thêm bất kì cái gì cũng đều phải text-align:left, vậy có bất tiện k ?
-Xem qua video trên của a có margin-left:auto, margin-right:auto, sao e làm theo cách đó k dc?
P/s: anh zmt và các cao thủ có ghé qua xem dùm mìh cái này với, http://ddth.com/showthread.php?p=2674387#post2674387
Nguyên gốc thường là thế này:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Thay thế bằng đoạn này:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Chắc sẽ thành công, thử link này xem: http://jsbin.com/uferi5
Hãy phản hồi để ai mắc phải thì biết cách khắc phục.