2008-12-22 14 views
0

J'ai une barre latérale sur ma page Web qui est censée couvrir 100% de la page (verticalement). Il est alors censé rester là, donc quand le reste du contenu défile, il ne le fait pas. Pour ce faire, j'ai utilisé:Position de simulation: fixe dans IE6 avec un div de 100% de hauteur?

body 
{ 
    height: 100%; 
} 

#sidebar 
{ 
    height: 100%; 
    width: 120px; 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

Cela fonctionne très bien dans tous les navigateurs modernes! Malheureusement, je dois coder pour IE6, qui ne supporte pas la position: fixed. Avez-vous une idée de comment je ferais cela?

Répondre

1

This is the fix »

moi? Je voudrais juste utiliser une méthode de navigation plus commune, ou utiliser (gasp) cadres.

+0

chaque fois que vous utilisez un cadre Dieu abat un Jimmy

+0

Ils sont une abomination. Je suis d'accord. Là encore, parfois les clients veulent juste ce qu'ils veulent; ce n'est pas toujours dans les mains du développeur. – Triptych

1

Comme indiqué here

  1. D'abord, mettre IE6 en "mode standard" en utilisant un DOCTYPE strict. Notez que le mode standard d'IE6 est connu pour ses bizarreries extrêmement bizarres. Nous en profitons maintenant.
  2. Utiliser IE commentaires conditionnels au style des balises HTML et BODY comme ceci:

    html, body {height: 100%; débordement: auto;}

  3. Style tout ce que vous voulez rester fixe en tant que position: absolue.