lỗi trong css ie7 và firefox ai chỉ dùm với [Archive]

View Full Version : lỗi trong css ie7 và firefox ai chỉ dùm với

sword_009

20-01-2009, 19:40

đây là firefox xem ok
http://chiase.anhso.net/as/09/01/20/2.JP553653.jpg (http://anhso.net)

còn ie7 thì ....
http://chiase.anhso.net/as/09/01/20/1.JP653753.jpg (http://anhso.net)
ai biết lỗi này xử lý dùm mình với

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

cái này ko biết mình gõ sai code css cho nao ko biet nửa co ai giup dum di

thanhluantk35

21-01-2009, 10:37

bạn đưa mã css lên thì mới biết dc chứ

sword_009

21-01-2009, 11:32

đây là trang index.html

<div class="dt m_t_dr" >
<div class="dr">
<div class="dc m_t_r" ><img alt="" src="html/hinh/m-l-t.gif" ></div>
</div>
</div>
<div class="dt m_l">
<div class="dr">
<div class="dc m_r m_pad" >
<div class="m3_dr m3_pad"><span class="m3_h_text">featured products</span></div>
</div>
</div>
</div>
<div class="dt m_b_dr" >
<div class="dr">
<div class="dc m_b_r" ><img alt="" src="html/hinh/m-l-b.gif" ></div>
</div>
</div>

<img alt="" src="html/hinh/spacer.gif" width="1" height="2"><br>
con style.css day

.dt { display:table; width:100%;}

.dr { display:table-row; width:auto; height:auto;}

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }

.m_t_dr { background:url(../hinh/p.gif) repeat-x top;}
.m_t_r { background: url(../hinh/m-r-t.gif) no-repeat right;}
.m_l { background:url(../hinh/p.gif) repeat-y left;}
.m_r { background:url(../hinh/p.gif) repeat-y right;}
.m_b_dr { background:url(../hinh/p.gif) repeat-x bottom;}
.m_b_r { background: url(../hinh/m-r-b.gif) no-repeat right;}
.m_pad { padding: 0px 2px 0px 2px;}
.m_pad1 { padding: 0px 1px 0px 1px;}
.m_h_l { background:url(../hinh/m2-m-dr.gif) repeat-x top; height:4px;}

.m3_dr { background:url(../hinh/m3-dr.gif) repeat-x top #FFBF00;}
.m3_pad { padding:9px 10px 7px 12px;}
.m3_h_text { color:#FFFFFF; font-size:12px; line-height:12px; text-transform:uppercase; font-weight:bold; padding-left:8px; background:url(../hinh/a2.gif) no-repeat left;}
sửa dùm mình ha ^^

2_lua_IT

29-01-2009, 09:15

hình spacer.gif hãy cho vào 1 cái div, rồi set CSS lại là mất thôi. Góp ý 1 chút : ông làm mới 1 cái title bar mà cả đống div và CSS vậy thì nguyên site chắc khủng lắm. Kiếm cách rút ngắn code bớt đi.

hutek.info

11-03-2009, 09:17

gì mà loằng ngoằng dữ vậy, cái này chỉ 2 div là xong mà. cứ phức tạp hóa vấn đề lên

nangthu13

20-03-2009, 09:59

viết code thế kia thì phức tạp lắm, bạn nên xem kỹ sao lại phải dùng nhiều div như thế?không phải cứ hơi 1 chút lại dùng div đâu

ngoc_viet08

28-03-2009, 23:54

tuto

17-04-2009, 15:51

lỗi do bác thì có . cái như bác yêu cầu làm đơn giản . bác suy nghĩ phức tạp quá nên code ra 1 đống vớ vẩn quá . làm lại từ đầu đi cho chắc ăn . cái viền đó dùng div + viền là được
.boxmenu{border-style:solid; border-color:#003399; border-width:1px}

.boxmenu{border-style:solid; border-color:#003399; border-width:1px} => cái này trên tất cả IE 5 6 8; Firefox Riếng thằng IE 7 ko hiểu huhu

vntux

18-04-2009, 10:07

lỗi do bác thì có . cái như bác yêu cầu làm đơn giản . bác suy nghĩ phức tạp quá nên code ra 1 đống vớ vẩn quá . làm lại từ đầu đi cho chắc ăn . cái viền đó dùng div + viền là được
.boxmenu{border-style:solid; border-color:#003399; border-width:1px}

Viết dài vậy? Như thế này là ok thôi:

.boxmenu{border: 1px solid #003399}

webvina

20-04-2009, 14:05

Viết thế này là quá đủ

h2 {color:#FFFFFF; font-size:12px;text-transform:uppercase; font-weight:bold; }
.m3_dr { background: #FFBF00 url(../hinh/m3-dr.gif) top left repeat-x; padding:5px 0px 5px 7px;boder:#cccccc 1px solid; }

<div class="m3_dr"><h2>featured products</h2></div>

Với:
H2 - là thông số chung cho những thẻ H2 trong trang web (cụ thể đây là những header như của bạn)
Bạn có thể điều chỉnh thông số padding (top và buttom) (5px) sao cho text nằm giữa (tùy vào height của background image)

Hy vọng giúp được gì cho bạn
Thân.