besoin d'un coup de main pour affichage foireux dans IE6

besoin d'un coup de main pour affichage foireux dans IE6 - HTML/CSS - Programmation

Marsh Posté le 24-02-2010 à 18:33:50    

Bonjour tout le monde, je me prend la tête sur ce site depuis plusieurs heures, et quand je crois toucher le bout, un pote me fait remarquer que en 1024 ca deconne .... pourquoi? svp là je vais avoir besoin d'un éclaircissement .... please HELP! lol

 

La bande blanche qui sert de menu s'affiche bizarrement sur des resolution en dessous de 1280/1024
la bande blanche est comme rogné et ne continu pas vers le bas
Voici un aperçu : http://nsa12.casimages.com/img/201 [...] 935640.jpg

 

voilà le lien test : http://www.mini-url.fr//0p6


Message édité par Sataneo85 le 01-03-2010 à 09:40:11
Reply

Marsh Posté le 24-02-2010 à 18:33:50   

Reply

Marsh Posté le 24-02-2010 à 23:23:29    

Vire le height:100% de #box.
Fixed pour Firefox (si j'ai bien compris et que la bande blanche doit dépasser le bas du cadre).
Pas testé sur IE7.
Et j'sais pas si t'es au courant que rien ne s'affiche sous IE6.


---------------
C'était vraiment très intéressant.
Reply

Marsh Posté le 24-02-2010 à 23:57:48    

rien sous IE6 ...mais ..... aaaaarrgh
ca m'énerve, j'ai pourtant fait un Reset CSS pour éviter les soucis

Reply

Marsh Posté le 25-02-2010 à 00:09:59    

Sataneo85 a écrit :

rien sous IE6 ...mais ..... aaaaarrgh
ca m'énerve, j'ai pourtant fait un Reset CSS pour éviter les soucis


Enfin quand je dis rien, c'est juste le menu qui s'affiche pas. Et aussi, ya toute la partie sur fond blanc qui est un peu décalée vers la droite. Si ca peut te faire plaisir, j'ai lu que Microsoft va "finir" IE6 bientot... Enfin bientot, en 2014 quoi.


---------------
C'était vraiment très intéressant.
Reply

Marsh Posté le 25-02-2010 à 00:15:09    

remarque d'ici à ce que j'arrive a faire ce que je veux, on y sera peut être ... lol

Reply

Marsh Posté le 25-02-2010 à 00:17:03    

z-index: 30; sur #menupour IE 6 ?

Message cité 1 fois
Message édité par phosphoreloaded le 25-02-2010 à 00:17:40
Reply

Marsh Posté le 25-02-2010 à 00:17:11    

lasnoufle a écrit :

Vire le height:100% de #box.
Fixed pour Firefox (si j'ai bien compris et que la bande blanche doit dépasser le bas du cadre).
Pas testé sur IE7.
Et j'sais pas si t'es au courant que rien ne s'affiche sous IE6.


alors j'ai fait un test quand j'enleve 100% la bande blanche est coupé tout le temps maintenant

Reply

Marsh Posté le 25-02-2010 à 00:18:50    

phosphoreloaded a écrit :

z-index: 30; sur #menupour IE 6 ?


euh, excuse moi mais je comprend pas, ça sert à quoi ?


Message édité par Sataneo85 le 25-02-2010 à 00:21:08
Reply

Marsh Posté le 25-02-2010 à 00:22:05    

Sataneo85 a écrit :


alors j'ai fait un test quand j'enleve 100% la bande blanche est coupé tout le temps maintenant


Quel browser? Sous Firefox 3.5 j'l'ai fait avec Firebug et ca marche.


---------------
C'était vraiment très intéressant.
Reply

Marsh Posté le 25-02-2010 à 00:22:45    

je l'ai fait avec firebug aussi (ff 3.5.8)
avec fixed du coup j'ai plus de scroll vertical
génant pour les petites resolutions

Message cité 1 fois
Message édité par Sataneo85 le 25-02-2010 à 00:24:15
Reply

Marsh Posté le 25-02-2010 à 00:22:45   

Reply

Marsh Posté le 25-02-2010 à 00:27:33    

Sataneo85 a écrit :

je l'ai fait avec firebug aussi (ff 3.5.8)
avec fixed du coup j'ai plus de scroll vertical
génant pour les petites resolutions


Mh, exactement la meme version, si je refresh la page et que je vire le 100% ca marche. Quand je dis tu le vires, c'est tu le vires, pas tu le remplace par 0 on est d'accord?
Sinon pour IE6 j'aurais tendance à etre d'accord avec phosphorereloaded mais je viens de m'apercevoir que la dev toolbar de merde ne fonctionne plus que pour IE7, donc je peux pas vérifier.


---------------
C'était vraiment très intéressant.
Reply

Marsh Posté le 25-02-2010 à 00:32:27    

lasnoufle a écrit :


Mh, exactement la meme version, si je refresh la page et que je vire le 100% ca marche. Quand je dis tu le vires, c'est tu le vires, pas tu le remplace par 0 on est d'accord?
Sinon pour IE6 j'aurais tendance à etre d'accord avec phosphorereloaded mais je viens de m'apercevoir que la dev toolbar de merde ne fonctionne plus que pour IE7, donc je peux pas vérifier.


ok, pour IE6 je verrais ça demain au boulot, là j'ai pas l'acces au FTP

 

j'ai viré le height de #box, completement supprimé la ligne, et j'ai passé #box en position : fixed
la scrollbar verticale a disparue
sinon sans passer en fixed ça marche mais la barre s'arrete en dessou du copyright mais ne continu pas au delà


Message édité par Sataneo85 le 25-02-2010 à 00:34:00
Reply

Marsh Posté le 25-02-2010 à 00:46:12    

Quand je passe menu en fixed, plus de soucis de ce genre, par contre le menu reste figé et ne suis pas au redimensionnement

Reply

Marsh Posté le 25-02-2010 à 00:51:54    

Haaan ouai j'avais pas vu que la bande s'arrete, mon écran est trop petit. Ok je saisis mieux le problème. Et j'ai aucune idée de comment faire sans passer par du Javascript.


---------------
C'était vraiment très intéressant.
Reply

Marsh Posté le 25-02-2010 à 01:02:19    

lol, ça me rassure, meme si y'a toujours pas de solution
La solution javascript ce serait quoi ? (ca ne m'enchante pas trop)


Message édité par Sataneo85 le 25-02-2010 à 01:12:08
Reply

Marsh Posté le 25-02-2010 à 01:25:44    

Ton layout a l'air fixe, donc je suppose que tu connais ou peux déterminer la hauteur entre le haut de la page et le bas du copyright.
Donc le code ca serait un truc du style:

Code :
  1. <script>
  2. function getViewableDimensions() {
  3. var x,y;
  4. if (self.innerHeight) { // all except Explorer
  5.  x = self.innerWidth;
  6. y = self.innerHeight;
  7. } else if (document.documentElement && document.documentElement.clientHeight) {
  8.  // Explorer 6 Strict Mode
  9.  x = document.documentElement.clientWidth;
  10.  y = document.documentElement.clientHeight;
  11. } else if (document.body) { // other Explorers
  12.  x = document.body.clientWidth;
  13. y = document.body.clientHeight;
  14. }
  15. return { width: x, height: y };
  16. }
  17. window.onresize = function() {
  18. var dim = getViewableDimensions();
  19. if (dim.height > hauteur_de_ton_layout ) {
  20.  document.getElementById('box').style.height = "100%";
  21. }
  22. else {
  23.  document.getElementById('box').style.height = null; // ou = "" ? j'sais pas lequel marche
  24. }
  25. }
  26. </script>


---------------
C'était vraiment très intéressant.
Reply

Marsh Posté le 25-02-2010 à 01:36:09    

je confirme ....euh ...non
et je connais cette hauteur, mais elle doit descendre a l'infi selon la resolution de la personne ...donc pas fixe en fait

Reply

Marsh Posté le 25-02-2010 à 09:28:23    

Le z-index : 30 n'a rien changé dans ie6, je viens de faire le test

Reply

Marsh Posté le 25-02-2010 à 10:11:11    

J'ai mis un min-height:800px; à #menu et miracle !!!!
Bon par contre maintenant dans IE6 c'est le merdier
J'ai plus du tout de barre de menu, celui ci étant placé en absolute

 

D'apres W3C validator, mon css est un css niveau 2.1 donc ie6 ... pas terrible
Pour palier a ce problème je pensais mettre un paliatif avec un code spécial pour ie6 mais quelles sont les propriétés de mon css qui sont des propriétés css2 ? http://www.mini-url.fr//0p6


Message édité par Sataneo85 le 01-03-2010 à 09:45:43
Reply

Marsh Posté le 26-02-2010 à 10:11:47    

je me permet un petit up!

Reply

Marsh Posté le 26-02-2010 à 16:05:05    

ya beaucoup de bricolage dans cette CSS :'(
met un z-index sur la box du menu pour que celle-ci reapparaisse sous IE6
mais putain le bricolage tout moisi ce site :(


---------------
Blablaté par Harko
Reply

Marsh Posté le 26-02-2010 à 16:06:47    

on me force a être webmaster, j'ai rien demandé suis infographiste moi snif ... merci ;)

Reply

Marsh Posté le 26-02-2010 à 16:16:34    

Je peux tout à faire comprendre dans ce cas


---------------
Blablaté par Harko
Reply

Marsh Posté le 26-02-2010 à 16:40:25    

par contre je suis curieux de savoir quelle aurait été la construction a suivre? si tu as le temps et que c'est pas trop chiant a m'expliquer ^^

Reply

Marsh Posté le 28-02-2010 à 01:19:36    

Eviter les ascenseurs verticaux dans le contenu de la page et laisser le navigateur se débrouiller pour en rajouter un à droite quand le contenu ne tient pas dans la hauteur de l'écran. Site web <> feuille A4 ;)
 
le texte s'intègre sous forme de texte, pas d'image
 
Pour une structure de page qui tienne avec tous les navigateurs, n'essaie pas de bidouiller mais va direct sur http://www.alsacreations.com/gabarits/ ou http://blog.html.it/layoutgala/
 

Reply

Marsh Posté le 01-03-2010 à 09:43:11    

pour le texte c'est un choix qui n'est pas le mien.
Pour l'ascenseur intérieur par contre c'est voulu, on a voulu un site défini en pleine page sans design extensible, normalement c'est ok pour une resolution 1024

Reply

Marsh Posté le 01-03-2010 à 22:02:00    

Y a pas que 1024x768, y a aussi (et de plus en plus) les netbooks en 1024x600 [:dawa] (mais ça a l'air bon d'après mon rapide test).
Reste que c'est pas une bonne idée au départ mais bref, si elle est bien implémentée c'est un moindre mal :)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed