Probleme de compabilité avec ie et css

Statut : non résolu

Ce sujet contient 12 réponses, 4 participants et a été mis à jour pour la dernière fois par jm, le il y a 16 années et 8 mois.

13 sujets de 1 à 13 (sur un total de 13)

Auteur

Messages
21 octobre 2006 à 16 h 40 min #449000
jm
Membre

Initié WordPress
11 contributions
Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 2.0.4
– Thème utilisé : ocean_mist_1-0-1
– Plugins en place : aucun
– Nom de l’hebergeur : free

Problème(s) rencontré(s) :

Tout d’abord, je suis tout nouveau dans la communauté de wordpress et j’espère acquérir de plus en plus d’expérience dans ce magnifique blog grâce a vous, et je remercie d’avance ceux qui prendront la peine de me répondre, j’ai trois petit problème

1/ Peux on changer l’accueil du site pour que ca tombe directement sur une page et non une catégorie avec un post ?

2/ J’ai essayé par moi même de modifier le css et le php de la sidebar avec aucune connaissance il ma fallu a peux prêt un millier de copie coller et d’upload pour arriver a ce résultat

Originale

Modifié

Comme vous pouvez le voir la barre bleu dépasse de 7 pixel et je ne trouve vraiment pas comment la replacer. 😕

3/ Et dernier petit problème sous ie le menu et décalé vers le haut mais j’ai aucune idée de comment arrangé ça (car je vérifier chaque changement sous firefox et non ie)

Voila le code css que j’ai modifié, si vous avez besoin de quoi que ce soi d’autre n’hésité pas a me demandé !
```
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: A smooth and subtle theme based on a strict grid.
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(images/bg_body.gif) top left repeat-x #9BC3D5; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}
* html #header {height: 355px;}
#content {float: right; display: block; width: 543px; margin: -5px 0 0 0px;}
#sidebar {float: left; display: block; width: 193px; margin: 18px 0 0 0;}
* html #content, * html #sidebar {margin-top: -25px;}
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 0px;}
.entry {float: right; display: block; width: 350px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; margin: 0 18px 12px 0;}

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0; margin-bottom: 21px;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -3px;}
.buttons ul a, .buttons ul a:visited {padding: 4px 6px;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* main image */
#mainpic {float: left; background: url(images/mainpic.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; text-align: center;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}
```
22 octobre 2006 à 12 h 52 min #582383

artxtra
Participant

Chevalier WordPress
149 contributions

Sans le code source ou l’URL de la page en question, on peut pas trop t’aider…

22 octobre 2006 à 19 h 39 min #582384
jm
Membre

Initié WordPress
11 contributions
Désolé je ne savais pas, je n’ai modifié que 2 fichier du thème originale le style.css et le sidebar.php
Voici le lien du thème originale et je rajoute le code source du sidebar modifier (j’ai déjà poster celui du css modifier dans mon premier post ^^)

http://www.edmerritt.com/templates/themes/

merci encore car c’est très important pour moi et vous êtes ma dernière chance j’ai tout essayer et j’ai même achetez un livre pour apprendre le css. 😕

sidebar modifier (j’ai enlevé beaucoup de chose car je n’avais pas besoin de c’est fonction pour l’instant ^^)
```
<div id="sidebar">
	  <div class="title">
      </div>
	  <div class="post">
	    <ul class="buttons">
	      
		</ul>
      </div>
	  <div class="post">
	    <ul>
	      
		</ul>
      </div>
	  <div class="post">
      </div>
	</div>
```
25 janvier 2007 à 19 h 53 min #582385

jm
Membre

Initié WordPress
11 contributions

Je m’excuse d’insister mais je n’arrive toujours pas a résoudre mon problème, peut être de nouvelles personne seront elle apte a m’aider. ^^

Pour le problème n°1 est maintenant réglé grâce a la sortie de wordpress 2.1 a savoir mettre une page comme page d’entré.

Il me reste que le problème d’affichage dans fx et IE (voir image plus haut) je suis sur que c’est une bête erreur en css facilement corrigeable, je met le lien des deux fichiers css en croisant les doigts. ^^
Les fichiers CSS

Si ils vous faut d’autres info n’hésitez pas !

25 janvier 2007 à 22 h 53 min #582386

alakhnor
Participant

Maître WordPress
996 contributions

Mets le lien sur ton blog qu’on puisse quelle balise est appelée, ça aidera. 😉

Un fichier CSS n’est lisible rapidement que par les acteurs de la matrice. :p

25 janvier 2007 à 23 h 37 min #582387

jm
Membre

Initié WordPress
11 contributions

alakhnor wrote:

Un fichier CSS n’est lisible rapidement que par les acteurs de la matrice. :p

Wow moi qui pensé que c’était juste parceque j’étais mauvais…ça redonne espoir! (tout comme le faite d’avoir une réponse^^)

http://aristobule.free.fr/wordpress/ l’adresse du site pour l’instant

28 janvier 2007 à 2 h 43 min #582388

jm
Membre

Initié WordPress
11 contributions

Je pensais que c’était une simple erreur de css, mais si cela dépasse aussi vos compétence savez vous ou je pourrez trouvez de l’aide ?

28 janvier 2007 à 7 h 31 min #582389
AmO
Participant

Maître WordPress
4449 contributions
```
/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: A smooth and subtle theme based on a strict grid.
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/

 layout */
* {
font-size:100%;
line-height:1.4em;
margin:0;
padding:0;
}

body {
position:relative;
background:url(images/bg_body.gif) top left repeat-x #9BC3D5;
font:70% Verdana, Arial, Helvetica, sans-serif;
color:#4B5D67;
text-align:center;
}

#page {
display:block;
width:736px;
background:url(images/bg_main.gif) top repeat-y;
text-align:left;
margin:0 auto;
padding:0;
}

#header {
float:left;
display:block;
width:736px;
background:url(images/bg_header.gif) top no-repeat;
min-height:355px;
padding:0;
}

* html #header {
height:355px;
}

#content {
float:right;
display:block;
width:542px;
margin:-5px 0 0;
}

#sidebar {
float:left;
display:block;
width:193px;
margin:18px 0 0;
}

* html #content,* html #sidebar {
margin-top:-25px;
}

.post {
float:left;
display:block;
width:525px;
margin:0 0 0 18px;
}

.page {
float:left;
display:block;
width:507px;
margin:0 0 0 18px;
}

.archive {
float:left;
display:block;
width:507px;
border-bottom:1px solid #ccc;
margin:0 0 18px 18px;
}

#sidebar .post {
display:block;
width:157px;
margin:0 0 0 18px;
}

.title {
float:left;
display:block;
width:543px;
background:url(images/bg_h2.gif) bottom repeat-x #E2EBF8;
margin:0 0 18px;
}

#sidebar .title {
float:left;
display:block;
width:0;
}

.entry {
float:right;
display:block;
width:350px;
margin:0;
}

.postinfo {
float:left;
display:block;
width:157px;
margin:0 0 18px;
}

.archive .postinfo {
margin-left:0;
}

.archive .entry {
margin-right:-24px;
}

* html .post,* html #sidebar .post,* html .archive {
margin-left:0;
position:relative;
left:18px;
}

p img {
float:left;
margin:0 18px 12px 0;
}

/* typography */
h1 {
font:2.2em Tahoma, Verdana, Arial, sans-serif;
color:#fff;
letter-spacing:-1px;
margin:0 0 -5px;
padding:45px 37px 0;
}

h1 a,h1 a:visited {
color:#fff;
text-decoration:none;
}

.description {
color:#CADFED;
margin:0 37px 25px;
}

.title h2 {
font:1.05em Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:9px 24px 12px;
}

#content .postwrapper .title h2 {
font:1.4em Arial, Helvetica, sans-serif;
text-transform:none;
background:url(images/icon_entry.gif) 24px 50% no-repeat;
padding:9px 100px 12px 42px;
}

#sidebar .title h2 {
font:1.05em Arial, Helvetica, sans-serif;
text-transform:uppercase;
background:none;
color:#32474B;
padding:9px 0 12px 24px;
}

.title small {
float:right;
color:#67939B;
padding:14px 24px 0 0;
}

h3 {
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}

p {
margin:0 0 18px;
padding:0;
}

.entry p {
padding-right:24px;
}

.postinfo p {
padding:0 6px;
}

.req {
padding-left:3px;
color:#C00;
}

blockquote {
border-left:3px solid #ccc;
padding:0 0 0 12px;
}

.buttons {
float:left;
list-style:none;
margin-left:0;
margin-bottom:21px;
}

.buttons li {
float:left;
margin:0 18px 3px 0;
padding:0;
}

.buttons ul {
list-style:none;
padding-bottom:-3px;
margin:3px 0 0;
}

.buttons ul a,.buttons ul a:visited {
padding:4px 6px;
}

.buttons a,.buttons a:visited {
display:block;
width:145px;
text-align:center;
background:url(images/menu.gif) bottom left no-repeat;
border-top:1px solid #D1E0F0;
padding:6px;
}

.buttons a:hover {
background-position:bottom right;
}

.catlist {
float:left;
list-style:none;
margin:0 0 18px;
}

.catlist li {
float:left;
border-bottom:1px solid #CAD6E1;
margin:0 18px 0 0;
}

.catlist li:first-child,.catlist li:first-child+li,.catlist li:first-child+li+li {
border-top:1px solid #CAD6E1;
}

.catlist a,.catlist a:visited {
display:block;
width:145px;
margin:1px 0;
padding:1px 6px 2px;
}

.catlist a:hover {
background:#F2F2F2;
}

#themeswitcher {
list-style:none;
margin:0 0 18px;
}

#sidelist {
list-style:none;
}

#sidelist li li {
margin:0 24px 0 8px;
}

#sidelist ul {
list-style-type:disc;
}

/* main image */
#mainpic {
float:left;
background:url(images/mainpic.jpg) no-repeat;
display:block;
width:735px;
height:229px;
border-top:3px solid #67939B;
border-bottom:3px solid #67939B;
}

/* forms */
form {
margin:0 0 18px;
}

#searchsubmit {
position:absolute;
}

#s {
width:130px;
border:1px solid #B9C3D1;
background:#CAD6E1;
color:#32474B;
margin-right:2px;
padding:2px;
}

select,.field {
width:157px;
color:#32474B;
margin:0 0 4px;
}

.field {
width:153px;
padding:2px;
}

textarea {
width:308px;
font:1em Verdana, Arial, Helvetica, sans-serif;
padding:2px;
}

select option {
padding:1px;
}

#submit {
padding:3px;
}

/* footer */
#footer {
clear:both;
display:block;
width:750px;
background:url(images/bg_footer.gif) bottom no-repeat;
border-bottom:20px solid #9BC3D5;
text-align:center;
}

* html #footer {
margin-top:18px;
position:relative;
left:7px;
}

#footer-top {
display:block;
width:750px;
height:15px;
background:url(images/bg_footer-top.gif) top no-repeat;
}

#footer p {
color:#798892;
padding:0 37px 7px;
}

#footer a,#footer a:visited {
color:#B05255;
}

ul,ol {
margin:0 0 24px 6px;
}

ul li,ol li {
margin:0 24px 0 14px;
}

* html .buttons li,#themeswitcher li,#sidelist li {
margin:0;
}
```
28 janvier 2007 à 13 h 11 min #582390

jm
Membre

Initié WordPress
11 contributions

Merci tu viens peut être de mètre fin a 2 mois de longue souffrance et de prise de tête ! ^^
j’enlève tous les chiffres qui apparaisse devant les lignes lorsque je copie colle et je te tient au courant si tout passe bien!

28 janvier 2007 à 15 h 55 min #582391

jm
Membre

Initié WordPress
11 contributions

Lorsque je fais un copier collez du texte ci dessus j’obtiens ça ^^
http://img440.imageshack.us/my.php?image=copypf1.jpg
(http://almentalray.free.fr/wordpress/copy_paste_AmO.css)

J’ai donc essayer de comparez le fichier modifier en premier lieu avec le fichier modifié par AmO pour voir qu’elle était les valeurs a changé après une longue relecture j’ai obtenue ça
firefox : http://img252.imageshack.us/my.php?image=firefoxuw1.jpg
IE : http://img256.imageshack.us/my.php?image=iepu2.jpg
(http://almentalray.free.fr/wordpress/copy_paste_AmO_modifier.css)

Ai-je fais une erreur ?

28 janvier 2007 à 18 h 12 min #582392

AmO
Participant

Maître WordPress
4449 contributions

Tu as supprimé ton blog ?

28 janvier 2007 à 18 h 36 min #582393

jm
Membre

Initié WordPress
11 contributions

Non l’adresse est toujours http://aristobule.free.fr/wordpress/

(tu as pe confondue avec http://almentalray.free.fr/wordpress/ car les adresses sont proche ^^)

30 janvier 2007 à 13 h 40 min #582394

jm
Membre

Initié WordPress
11 contributions

bon je suis a sec en ce moment mais je voulais savoir si ça intéresserai plus de personne si j’était près a payer pour résoudre ces deux petit bug ? Car j’en est vraiment besoin le plus tot possible 😕
Je viens de mettre 10 euro sur un compte paypal c’est toujours ça de prit ! Il seront pour la personne qui me rendra le fichier corrigé en premier. ^^
Auteur

Messages