- Statut : non résolu
- Ce sujet contient 12 réponses, 4 participants et a été mis à jour pour la dernière fois par f6net, le il y a 13 années et 5 mois.
-
AuteurMessages
-
28 mai 2011 à 15 h 40 min #495609
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.31 mai 2011 à 17 h 33 min #773175AnonymeInvitéMaître WordPress34072 contributionsCe message a été supprimé suite à la demande de l’auteur.
31 mai 2011 à 17 h 48 min #773176Le theme n’est pas récent , et pas prevu pour wp3, je pense. Comment faire?
31 mai 2011 à 17 h 51 min #773177AnonymeInvitéMaître WordPress34072 contributionsCe message a été supprimé suite à la demande de l’auteur.
31 mai 2011 à 18 h 01 min #773174Vire les liens vers paperblog, ca pourra que te faire du bien, quitte à mettre extra un widget texte qui fait un lien vers eux avec leur logo.
31 mai 2011 à 18 h 25 min #773178!!!! 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.
31 mai 2011 à 19 h 58 min #773179arfff … 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.
31 mai 2011 à 20 h 31 min #773180le 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.
1 juin 2011 à 6 h 43 min #773181Tu 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.
1 juin 2011 à 7 h 36 min #773182C’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:
1 juin 2011 à 7 h 55 min #773183T’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é)
1 juin 2011 à 8 h 26 min #7731841 juin 2011 à 8 h 34 min #773185Eureka !! 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 😉
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.