Retour à Forum de site web

CSS Problème Renders Fine Dans IE 7 Off dans IE6

  • CStrauss
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 23, 2006
  • Messages: 122
  • Loc: St. Louis MO. USA
  • Status: Offline

Message Juillet 27th, 2008, 9:59 am

Je me demande si quelqu'un peut m'aider pourquoi ma page d'accueil ne s'affichaient pas correctement dans IE 6. Il s'affiche mieux dans FF et IE 7 et tout autre navigateur IE 6 n'affiche mon flux RSS sur le mauvais côté qu'il devrait être sur le côté droit de la page.

Voici le lien vers la page d'accueil.

http://forsakensoul.com

Voici mon code CSS Im en utilisant à cette page
Code: [ Select ]
html,body{margin:0;padding:0; background-color:#000;}
body{font: 76% arial,sans-serif;text-align:center; color:#FFF;}
#header{width:1000px; height:180px; background-color:#000;}
#subheader{width:1000px; height:204px; background-color:#000;}
#subheader2{width:1000px; height:357px; background-color:#000;}
#container{width:1000px; margin:0 auto; background-color:#000; text-align:left; border:#8F8C01 solid 1px; /*background-color:#00FF00;*/}
#content{width:1000px; /*background-color:#00FFFF;*/}
#footer{width: 1000px; /*background-color:#006666;*/ padding-top:10px;}
.footer-content{text-align:center;}
.footer-left{text-align:left; margin-left:15px;}


/* Home Content*/
#left{width:500px; float:left; margin-left:10px; margin-right:10px; /*background-color:#00FF00;*/}
#latestnews{width:500px; text-align:justify;}
.title{color:#0066CC;}
#latestnews .article-preview{padding-bottom:5px;}
#projects{width:500px; /*background-color:#FF0000;*/ float:left; margin-top:10px; margin-left:10px; margin-right:10px;}

#right{width:470px; float:left; margin-right:10px; /*background-color:#0066CC;*/}
#rss{width:470px; text-align:justify;}
#affilates{width:300px; /*background-color:#0000FF;*/ float:left; margin-top:10px;}
  1. html,body{margin:0;padding:0; background-color:#000;}
  2. body{font: 76% arial,sans-serif;text-align:center; color:#FFF;}
  3. #header{width:1000px; height:180px; background-color:#000;}
  4. #subheader{width:1000px; height:204px; background-color:#000;}
  5. #subheader2{width:1000px; height:357px; background-color:#000;}
  6. #container{width:1000px; margin:0 auto; background-color:#000; text-align:left; border:#8F8C01 solid 1px; /*background-color:#00FF00;*/}
  7. #content{width:1000px; /*background-color:#00FFFF;*/}
  8. #footer{width: 1000px; /*background-color:#006666;*/ padding-top:10px;}
  9. .footer-content{text-align:center;}
  10. .footer-left{text-align:left; margin-left:15px;}
  13. /* Home Content*/
  14. #left{width:500px; float:left; margin-left:10px; margin-right:10px; /*background-color:#00FF00;*/}
  15. #latestnews{width:500px; text-align:justify;}
  16. .title{color:#0066CC;}
  17. #latestnews .article-preview{padding-bottom:5px;}
  18. #projects{width:500px; /*background-color:#FF0000;*/ float:left; margin-top:10px; margin-left:10px; margin-right:10px;}
  20. #right{width:470px; float:left; margin-right:10px; /*background-color:#0066CC;*/}
  21. #rss{width:470px; text-align:justify;}
  22. #affilates{width:300px; /*background-color:#0000FF;*/ float:left; margin-top:10px;}


Tout le reste des pages semblent regarder amende dans les 3 navigateurs seulement la page d'accueil est de Kinda encrassées. Toute aide sera grandement appréciée.

Merci
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 27th, 2008, 9:59 am

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Juillet 27th, 2008, 11:22 am

J'avoue, je n'ai pas regardé ce de manière très approfondie. Désolé.

Avez-vous essayez de supprimer la marge de droite #droit? Ou la mise à zéro? Elle semble qu'elle n'est pas nécessaire d'examiner la façon dont youve fait la mise en page...pourrait être à l'origine #droit à la synthèse ci-dessous #gauche.
- dM
  • CStrauss
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 23, 2006
  • Messages: 122
  • Loc: St. Louis MO. USA
  • Status: Offline

Message Juillet 27th, 2008, 11:31 am

hmmm honnêtement, je ne me souviens pas de ce que je mets que 10px marge de droite, je pense que j'ai peut-être fait pour une température de remplissage solution, mais n'en demeure pas moins que j'ai supprimé dans le #droit et il pousse encore ci-dessous.
  • CStrauss
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 23, 2006
  • Messages: 122
  • Loc: St. Louis MO. USA
  • Status: Offline

Message Juillet 27th, 2008, 11:56 am

Ok je pense que je fixe, il faut vérifier dans IE 7, mais maintenant vous êtes sur la bonne voie, il avait quelque chose à ajouter le padding et les marges et ce que je n'avais pas à jouer avec eux jusqu'à ce que quelque chose que je me suis regardé dans la bonne FF et IE6 .

Merci pour regarder que pour moi

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 68 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC