2013-03-06 2 views
0

Я создал расширение действия страницы, которое использует popup.html-файл. Он работал отлично. Когда я нажимаю значок, он отображает небольшой прямоугольник с видимым только углом страницы popup.html. Я установил тело и html css высоту и ширину, но не повезло сделать коробку больше. Я также переместил css на другую страницу с именем popup.css и добавил в popup.html head.popup.html не отображается правильно

popup.html

Кто-нибудь столкнуться с этой проблемой? Пожалуйста, помогите.

HTML:

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="popup_script.js"></script> 
    <link href="popup.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
    <ul> 
     <li id="all">All</li> 
     <li id="title">Name</li> 
     <li id="artist">Artist</li> 
     <li id="album">Album</li> 
     <li id="art">Artwork</li> 
    </ul> 
    <textarea id="info" type="text"></textarea> 
</body> 
</html> 

CSS:

body { 
font-family: arial; 
font-size: 13pt; 
margin: 0; 
padding: 0; 
color: #06477D; 
} 

ul { 
list-style-type: none; 
cursor: pointer; 
padding: 0; 
margin: 0; 
} 

li { 
text-align: center; 
padding: 5px 20px; 
} 

li:hover { 
background: #06477D; 
color: white; 
} 

textarea#info { 
position: absolute; 
} 
+0

есть что-то, что мне не хватает? –

+0

попытайтесь указать doctype вашего html-документа. – HaNdTriX

ответ

1

Посмотрите на этот Link

Это, казалось, ошибка Chrome. Но это исправлено в Canary-Version. Поэтому я думаю, что это временная проблема.

+0

@andres все работает отлично. большое спасибо. –

Смежные вопросы