Fabian: CSS Media und Width für Mobile Devices

Beitrag lesen

Hi, ich hoffe es stört nicht, dass ich gleich 2 Probleme anspreche.

Ich habe folgendes Element (Leiste oben à la Facebook):

#bartop{  
position:absolute;  
width:100%;  
height:38px;  
background:url(images/bar.jpg) repeat-x top left;  
left:0;  
color: #888;  
z-index:999;  
box-shadow: 0px 0px 10px 0px #000;  
}

1. Problem: Smartphones zeigen die Leiste nicht über die volle Breite ihres Bildschirms

2. Problem:

<link rel="stylesheet" type="text/css" media="all and (min-width:100px) and (min-height:400px)" href="gross.css" />

In gross.css steht unter anderem:

#bartop {  
position:fixed !important;  
}

Trotzdem scrollt die Leiste im Internet Explorer nicht mit, wo liegt der Fehler (ich weiß, dass der IE über die nötigen Voraussetzungen dafür verfügt)?

Tausend Dank!