2011-09-21 39 views
6

Tôi có mã này hoạt động khá tốt trong Firefox; nhưng bắn sang phải trên Explorer. Có điều gì sai với mã này mà tôi không thể nhìn thấy?Vấn đề với vị trí IE: tuyệt đối

sự giúp đỡ của bạn được đánh giá cao

<div style="position: absolute; top: 170px"><a href="http://www.mysite.com"><img src="images/sponsor.png" /></a></div> 

Những gì tôi đang mong đợi là cho hình ảnh hiển thị trên đỉnh của image- tiêu đề chính mà các công trình ổn trên Firefox, nhưng di chuyển đến phía bên phải trong IE gây ra trang web để phá vỡ. Không chắc chắn lý do tại sao điều này xảy ra.

+1

Hãy thử thêm 'left: 0px;', có thể trong IE nó sẽ không cung cấp cho nó giá trị mặc định như vậy .. –

+0

@ shadow-wizard - Cảm ơn vì điều đó, nó hoạt động. – Julie

+1

Chúc mừng, tôi cũng đã thêm nó như là câu trả lời ngay bây giờ .. đã không mong đợi nó sẽ được như vậy lol đơn giản. Nhân tiện, khi sử dụng '@' không thay thế khoảng trắng bằng '-' chỉ bỏ qua khoảng trống, ví dụ: '@ shadowwizard' nhưng thậm chí tốt hơn, bạn chỉ có thể sử dụng ba chữ cái đầu tiên, ví dụ: '@ sha' trở lên" thân thiện "nhưng vẫn ngắn' @ shadow' :) –

Trả lời

15

Thêm left: 0px; là tốt, IE có lẽ sẽ không cung cấp cho nó giá trị mặc định như vậy:

<div style="position: absolute; top: 170px; left: 0px;"> 
0

tôi phát hiện ra rằng IE sẽ không nhận ra tính chất tuyên bố như:

top:(space)20px; 

- vì vậy nếu bạn có một khoảng trống giữa :20px IE sẽ bỏ qua thuộc tính đó. Tôi hi vọng điêu nay se giup được ai đo.

Các vấn đề liên quan