[Résolu] Probleme d’affichage sous IE. Help me ;) (Créer un compte)

  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #495609
    f6net
    Participant
    Padawan WordPress
    51 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress :
    – Version de PHP/MySQL :
    – Thème utilisé : technology-wp-theme
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : [url modérée]

    Bonjour , mon blog: [url modérée] s’affiche correctement sous Firefox, chrome , et tout les autres .

    Probleme , l’affichage du contenu est décalé sous IE. Que faire?

    Je me doute que cela vient d’un probleme de largeur du contenu.

    J’ai bien tenté de modifié la taille, « content » sur la feuille de style css, mais rien y fait !! Quelqu’un aurait il une idée ? Merci d’avance pour votre aide.

    Voici le code de ma feuille de style :

    Theme Name: technology-wp-theme
    Theme URI:http://www.themestudio.us/
    Description:very nice wordpress theme
    Author:themestudio.us@gmail.com
    Author URI:http://www.themestudio.us/
    */
    *{
    margin: 0px;
    padding: 0px;}
    body {
    font-size: 12px;
    margin: auto;
    text-align: center;
    color: #000;
    background-color: #C0C0C0;
    font-family: Verdana, « Times New Roman », Times;}
    #header {
    margin: 0px auto 0 auto;
    height: 98px;
    width: 1003px;
    background:#fff url(img/top.jpg);}
    #title {
    float: left;}
    #title h1 {
    font-family: « Trebuchet MS »;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    margin-top: 25px;
    margin-left: 100px;}
    #title h1 a {
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
    color: #000;
    text-decoration: none;}
    #title h1 a:hover {
    color: #003366;
    text-decoration: none;}
    #title p {
    font-family: « verdana »;
    font-size: 1em;
    color: #000;
    margin-top: 3px;
    text-align: left;
    padding-left: 105px;
    letter-spacing: 1pt;}
    #header #menu {
    margin: 0 auto;
    padding: 66px 0 0 610px;
    overflow: hidden;
    line-height:2.5em;
    text-transform: uppercase;}
    #menu ul {
    margin:0;
    padding:0;}
    #menu li {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
    white-space:nowrap;}
    #menu li a {
    display:block;
    padding:0 10px;
    font-family: Arial Narrow;
    font-size:1em;
    color: #000;
    letter-spacing:1px;}
    #menu li a:hover {
    display:block;
    padding:0 10px;
    font-size:1.3em;
    color: #fff;
    letter-spacing:1px;}
    * html
    #meu a {width:1%;}
    #menu form {
    float:right;
    height:100%;
    width:164px;
    padding:0 15px;
    line-height:0;
    background:#2E3946;}
    #menu form fieldset {
    margin-top:7px;
    border:1 solid; }
    * html
    #menu form fieldset {margin-top:7px;}
    #menu #s {
    height:1.5em;
    width:115px;
    margin:0 5px 0 0;
    padding:0;
    font-size:1.3em;
    vertical-align:middle;}
    #menu li {border-color:#dfdfdf;}
    #menu a {
    color: #dfdfdf;
    font-weight: bold;}
    #menu a:hover{
    font-size: 10px;
    color: #fff ;
    font-weight: bold;
    text-decoration: none;
    background-color:transparent;}
    #menu a:visited{font-weight: bold;}
    #banner{
    float: center;
    width: 1003px;
    height:207px;
    display: block;
    margin: 0 auto;
    background:#fff url(img/header.jpg) no-repeat;}
    #banner #banner_title{
    color:#fff;
    margin: 0 auto;
    padding: 40px 0 10px 350px;
    font-size:25px;
    text-align: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:18px;
    width:400px;}
    #banner #banner_text{
    margin: 0 auto;
    padding: 5px 5px 0 350px;
    color:#dfdfdf;
    font-size:15px;
    text-align: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:18px;
    width:450px;}
    #container{
    clear:left;
    padding:0 auto 0 auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 993px;
    height: auto;
    background: #fff url(img/container.gif) repeat-y;}
    #leftnav{
    float: right;
    width: 200px;
    margin: 0;
    padding-top: 4px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: left;}
    #rightnav{
    float: right;
    width: 200px;
    margin: 0;
    padding-top: 4px;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 1px;
    text-align: left;}
    #content{
    display: block;
    margin: 0px 420px 10px 25px;
    padding: 20px 0 0 0;
    line-height: 1.5em;
    text-align: left;}
    #content ul{
    padding-left: 15px;}
    #content ul li{
    margin-left: 15px;
    list-style-type: square;}
    #content ul ul li{
    padding-left: 15px;}
    #content ol{
    list-style-position: inside;
    padding-left: 15px;
    padding-top: 2px;
    margin-bottom: 10px;}
    #content p{
    padding-top: 5px;
    padding-left: 10px;}
    #footwrap{
    width: 1003px;
    height: 100px;
    clear:both;
    font-weight: normal;
    color: #5E5E5E;
    background: #F7F7F7 url(img/footer.jpg) top no-repeat;}
    #footwrap p{
    padding: 55px 0 0 0;
    display: block;
    margin-bottom: 2px;
    text-align:center;}
    #footwrap a:link {
    color: #787878;
    text-decoration: none;
    border: none;
    font-weight: bold;}
    #footwrap a:hover {
    color: #000;
    border: none;}
    #footwrap a:visited:hover {
    color: #000;
    border: none;}
    #footwrap a:visited {
    color: #787878;
    text-decoration: none;
    border: none;
    font-weight: bold;}
    #sidebarleft{
    color: #00709F;
    margin-bottom: 10px;
    padding: 15px 5px 0 0px;}
    #sidebarleft ul{}
    #sidebarleft li{
    background: none;
    padding-bottom: 8px;}
    #sidebarleft ul li{
    border-bottom: 1px dotted #ADADAD;
    padding: 3px 0 5px 10px;
    display: block;
    margin-left: 20px;
    margin-right: 3px;}
    #sidebarleft ul li ul li{
    display: block;
    padding-left: 10px;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;}
    #sidebarleft ul li li{
    display: block;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;}
    #sidebarleft a:link {
    color: #00709F;
    text-decoration: none;
    border: none;}
    #sidebarleft a:hover {color: #000;}
    #sidebarleft a:visited:hover {color: #000;}
    #sidebarleft a:visited {
    color: #00709F;
    text-decoration: none;
    border: none;}
    #sidebarleft h2 {
    height: 30px;
    padding: 10px 0 0px 15px;
    font-family: Arial, sans-serif;
    color: #000;
    background: #fff url(img/sdt.jpg) no-repeat;
    margin-top:15px;}
    #sidebarright{
    color: #00709F;
    margin-bottom: 10px;
    padding: 15px 5px 0 0px;}
    #sidebarright ul{}
    #sidebarright li{
    background: none;
    padding-bottom: 8px;}
    #sidebarright ul li{
    border-bottom: 1px dotted #ADADAD;
    padding: 3px 0 5px 10px;
    display: block;
    margin-left: 20px;
    margin-right: 3px;}
    #sidebarright ul li ul li{
    display: block;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;}
    #sidebarright ul li li{
    display: block;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;}
    #sidebarright a:link {
    color: #00709F;
    text-decoration: none;
    border: none;}
    #sidebarright a:hover {color: #000;}
    #sidebarright a:visited:hover {color: #000;}
    #sidebarright a:visited {
    color: #00709F;
    text-decoration: none;
    border: none;}
    #sidebarright h2 {
    height: 30px;
    padding: 10px 0 0px 15px;
    font-family: Arial, sans-serif;
    color: #000;
    background: #fff url(img/sdt.jpg) no-repeat;
    margin-top:15px;}
    blockquote{
    margin: 0px 0px 0px 30px;
    padding: 5px 25px 5px 0px;
    color: #202020;}
    .postmetadata{
    display:block;
    margin: 10px 35px 10px 20px;
    padding: 5px 8px 8px 35px;
    text-align: left;
    color:#585858;}
    #content .postmetadata{}
    .postmetadata a:link{
    border: none;
    color: #585858;
    font-weight: normal;}
    .postmetadata a:hover{
    border: none;
    color: #848484;
    font-weight: normal;
    text-decoration: underline;}
    .postmetadata a:visited:hover{
    border: none;
    color: #848484;
    text-decoration: underline;
    font-weight: normal;}
    .postmetadata a:visited{
    border: none;
    color: #585858;
    font-weight: normal;}
    a:link{
    color: #000000;
    text-decoration: none;}
    a:hover{
    color: #003366;
    text-decoration: underline;}
    a:visited{
    color: #003366;
    text-decoration: none;
    font-weight: normal;}
    a:visited:hover{
    color: #003366;
    text-decoration: underline;}
    a img {
    float: left;
    border:none;
    background:none;
    padding:5px;}
    #feed, #feed img a:link, #feed img a:visited{border: none;}
    .commentlist{color: #434343;}
    .commentlist li{
    margin: 2px 2px 2px 2px;
    padding-left: 5px;
    list-style: none;
    margin-bottom: 5px;}
    li.alt{}
    .commentlist cite{
    padding: 1px 1px 1px 1px;}
    .commentlist p{
    padding: 5px 5px 2px 3px;
    margin-bottom: 5px;}
    .commentlist a:link{
    border: none;
    font-weight: bold;
    color: #000;}
    .commentlist a:visited{
    border: none;
    font-weight: bold;
    color: #000;}
    .commentlist a:hover{
    border: none;
    text-decoration: underline;
    font-weight: bold;
    color: #4D4D4D;}
    .commentlist a:visited:hover{
    border: none;
    font-weight: bold;
    color: #4D4D4D;}
    .commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited{
    text-decoration: none;
    color: #01548E;}
    .commentnumber {
    font: bold normal 14px ‘Times New Roman’, Times, serif;
    font-weight: bold;
    margin-top: 5px;
    float:right;
    color: #000;
    font-size: 12pt;}
    #comment{
    color: #000;
    width:80%;
    background-color: #fff;}
    h1{
    font-size: 36px;
    color: #000;}
    h2{
    font-family: Arial, sans-serif;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 0 12px;
    margin: 5px 0 6px 10px;
    text-align: left;}
    h3{
    font-family: Arial, sans-serif;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 12px;
    margin: 5px 0 6px 0;
    text-align: left;}
    h3.posttitle {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    height:28px;
    padding: 2px 0 0px 25px;
    margin-top: 3px;
    margin-left: 0px;
    border-bottom: 1px solid #000;
    background: url(« img/pt.jpg ») left no-repeat;}
    .posttitle a:link{
    font-size: 14px;
    padding-top: 10px;
    color: #005376;
    font-weight: bold;}
    .posttitle a:visited{
    font-size: 14px;
    color: #005376;
    font-weight: bold;}
    .posttitle a:hover{
    font-size: 14px;
    color: #003449;
    font-weight: bold;
    text-decoration: none;}
    .posttitle a:visited:hover{
    color: #003449;
    text-decoration: none;}
    h4{
    font-family: Arial, sans-serif;
    margin-top: 15px;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 0 12px;
    margin: 5px 0 6px 0;
    text-align: left;}
    h5{
    font-family: Arial, sans-serif;
    margin-top: 15px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 0 12px;
    margin: 5px 0 6px 0;
    text-align: left;}
    .date{
    position: absolute;
    height: 50px;
    width: 40px;
    font-size: 13px;
    float: right;
    letter-spacing: 1px;
    padding: 4px 0px 0px 0px;
    margin-left: 510px;
    margin-top: -20px;
    text-align: center;
    color: #fff;
    background: url(img/cal.jpg) no-repeat;}
    .entry{
    margin-bottom: 5px;}
    .post{
    display: block;
    overflow:hidden;
    width:98%;}
    code{
    display: block;
    margin: 10px 30px 0 30px;
    padding: 2px 10px 5px 10px;
    color: #000;}
    ul{list-style: none;}
    img {
    float:left;
    padding:0px 5px 5px 5px;}
    a img {
    float: left;
    border:none;
    background:none;
    padding:5px;}
    .alignright {
    text-align: right;}
    .alignleft {
    text-align: left}
    .wp-smiley{
    padding: 0;}
    .textwidget{
    margin: 2px 5px 2px 5px;}

    C’est en bûchant, qu’on devient bûcheron 😉
    F6net.

    #773175
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #773176
    f6net
    Participant
    Padawan WordPress
    51 contributions

    Le theme n’est pas récent , et pas prevu pour wp3, je pense. Comment faire?

    #773177
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #773174
    wasicu
    Membre
    Maître WordPress
    2752 contributions
    #773178
    Guy
    Participant
    Maître WordPress
    14817 contributions

    !!!! comment il a vu tout ça le grand Wasicu, rien qu’à voir la longueur du css, je suis allé me coucher

    je crois qu’en mettant une largeur inférieure à #rightnav et #leftnav, width:190px par exemple, le bloc des articles devrait avoir la place de s’insérer à sa place.

    #773179
    f6net
    Participant
    Padawan WordPress
    51 contributions

    arfff … Merci pour vos conseils mais ….

    j’ai essayé ca :#content width: 550px; puis rightnav et #leftnav, width:190px mais rien ne change sous IE ;(

    Concernant paperblog, je n’ai pas de lien caché c’est un simple bouton , collé sur un widget texte.

    Quelqu’un aurait une autre idée lumineuse? tous le monde n »utilise pas Firefox, ou google chrome, j’aimerais bien trouver une soluce .

    Merci d’avance.

    #773180
    Guy
    Participant
    Maître WordPress
    14817 contributions

    le code source n’est pas super bien foutu.

    il y a en particulier la balise qui n’est jamais fermée quand on regarde avec WebDeveloper, la balise CENTER n’est plus reconnue depuis la version 4.0 du html. Il faut le remplacer par les styles css.

    Je ne suis pas allé plus loin, mais des balises non fermées sont rédhibitoires et demandent que le code soit vérifié.

    un petit coup de wc3 validator donne 70 Errors, 31 warning(s)

    ca commence à faire beaucoup.

    #773181
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Tu as bien un lien caché sous le formulaire de newsletter et sous les barres de titre des widgets, si tu ne fais pas un clic droit pour voir le code, passe simplement la souris dessus, ton curseur va subir une transformation. Si tu utilise firefox, prends firebug qui te permettra de voir ton code plus facilement qu’avec un clic droit et tu verras bien les liens. Je ne parle pas du widget texte tout en bas. Tu fais ce que tu veux, je t’aurais averti.

    #773182
    f6net
    Participant
    Padawan WordPress
    51 contributions

    C’est une histoire de fou :(

    Je confirme , je n’ai pas de lien caché paperblog, quand j’affiche la source.

    je n’ai pas non plus de lien caché sur firefox, ou chrome.

    En effet je vois bien un lien caché quand je passe la souris, mais uniquement sur IE !! Cela provient surement du décalage d’affichage.

    Voila mon simple code paperblog, posé sur un widget texte:

    Paperblog

    #773183
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    T’es têtu ! Lorsque je vais sur ton site avec chrome si je veux remplir le formulaire de newsletter j’arrive en un clic sur paperblog, si c’est pas un lien caché ca. Idem avec firefox 4. Fais l’expérience tu verras bien et je réitère mon conseil équipe toi de l’extension firebug de firefox tu verras tout ca très bien. (à titre informatif, sur firebug, lorsque tu regarde ton code html, un lien caché apparait en grisé)

    #773184
    Guy
    Participant
    Maître WordPress
    14817 contributions

    un petit ne ferait pas de mal

    Paperblog

    #773185
    f6net
    Participant
    Padawan WordPress
    51 contributions

    Eureka !! Merci beaucoup guy ! J’ai rajouté et ca passe nikel maintenant sur IE ! Encore merci a vous tous , d’avoir pris le temps de m’aider 😉

13 sujets de 1 à 13 (sur un total de 13)
  • Vous devez être connecté pour répondre à ce sujet.