Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2008-02-05 18:45:51

Smoky
Membre
Inscription : 2008-02-05

Bug d'affichage dans mon thème sous IE

Bonjour,

J'utilise le thème "Zanimaux" et d'offie il y a un bug sous IE avec la bannière...
Personnelement j'utilise Firefox, mais je sais bien que ce n'est pas le cas de tout le monde.

Voyez par vous-même, avec le lein de démo http://themes.dotaddict.org/demo-dc1?theme=zanimaux1 (sous ie biensur).

Il s'agit peut-être (?!) d'un problème avec le menu pusique j'ai vu que sur ce blog, il n y a pas de problème, mais aussi plus de menu ...
http://volasi.net/dotclear/

Alors voilà je me demandais si quelu'un ne saurait pas trouver "l'erreur" ou plutôt le bout de code qu'on pourrait optimiser pour que ca fonctionne autant bien sous sous ie que sous firefox...


Voici le theme en question:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php dcInfo('lang'); ?> "  lang="
  <?php dcInfo('lang'); ?> ">
  <head>
    <meta http-equiv="Content-Type" 	content="text/html; charset=<?php dcInfo('encoding'); ?>" />
    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
    <?php dcHeadLinks(); ?>
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<?php dcInfo('rss'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom" href="<?php dcInfo('atom'); ?>" />
    <meta name="DC.title" content="<?php dcInfo(); ?>" />
    <title>
<?php dcSinglePostTitle('%s - '); dcSingleCatTitle('%s - ');
      dcSingleMonthTitle('%s - '); dcCustomTitle('%s - '); dcInfo(); ?>
    </title> 
    <link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />
    <?php dcPostTrackbackAutoDiscovery(); ?>
	<link rel="stylesheet" href="<?php echo dc_app_url; ?>/share/slimbox/css/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo dc_app_url; ?>/share/slimbox/js/mootools.v1.11.js"></script>
<script type="text/javascript" src="<?php echo dc_app_url; ?>/share/slimbox/js/slimbox.js"></script>
  </head>
  <body>
    <p>
      <a name="top"></a>
    </p>
    <div id="page">
      <div id="top">
        <h1>
          <a href="<?php dcInfo('url'); ?>">
            <?php dcInfo(); ?></a></h1>
      </div>
      <div id="nav-box">
        <ul>
          <li>
          <a href="<?php dcInfo('url'); ?>" title="accueil">Accueil</a></li>
		  <li>
          <a href="<?php dcInfo('url'); ?>" title="accueil">Catégories</a></li>
		  <li>
          <a href="<?php dcInfo('url'); ?>" title="accueil">Liens Web</a></li>
		  		  <li>
          <a href="<?php dcInfo('url'); ?>" title="accueil">C'est quoi ce blog?</a></li>
		  
      </div>
      <div id="main">
        <div id="content">
          <?php dcQuickNavbar(); ?>
          <?php if ($err_msg != '') : /* Si on a une quelconque erreur, on l'affiche */?>
          <div class="error">
            <strong>Erreur : </strong>
            <?php echo $err_msg; ?>
          </div>
          <?php elseif ($preview) : /* Si on demande la pr?visualisation d'un commentaire */?>
          <h3> Commentaire pour
            <?php dcPostTitle(); ?></h3>
          <div id="comment-preview">
            <blockquote>
              <?php dcCommentPreview(); ?>
              </blockquote>
          </div>
          <h3>Changer le commentaire</h3>
          <?php include dirname(__file__).'/form.php'; ?>
          <?php elseif ($mode != 'post') : /* Si aucune erreur et mode != post on affiche une liste de billets */?>
<?php # Phrase affich? en cas de recherche (%s est le mot cherch?)
		dcSearchString('<p>Résultats de votre recherche de <em>%s</em>.</p>');
          ?>
          <?php include dirname(__file__).'/list.php'; ?>
          <?php else : /* Sinon, mode = post, donc billet unique (avec commentaires et tout le reste)*/?>
          <?php include dirname(__file__).'/post.php'; ?>
          <?php endif; ?>
        </div>
      </div>
      <div id="sidebar">
        <?php if ($mode == 'post') : ?>
        <div id="postmetadata">
          <h2>A propos de ce billet</h2>
          <ul>
            <li>
            <strong>Date de publication :</strong><br /> le
            <?php dcPostDate(); ?> à
            <?php dcPostTime(); ?></li>
            <li>
            <strong>Auteur : </strong>
            <?php dcPostAuthor(); ?></li>
            <li>
            <strong>Catégorie :</strong><br />
            <a href="<?php dcPostCatURL(); ?>">
              <?php dcPostCatTitle(); ?></a></li>
          </ul>
        </div>
        <div id="postactions">
          <h2>Actions</h2>
          <ul>
            <?php if (dcPostOpenComments() && dc_allow_comments) : /* Si les commentaires sont permis */?>
            <li> Pour
            <strong>rédiger un commentaire</strong>,
            <a href="#comment-form">cliquez ici</a>.</li>
            <?php endif; ?>
            <li> Pour
            <strong>suivre les commentaires</strong> de ce billet, abonnez-vous à ce
            <a href="<?php dcInfo('rss'); ?>?type=co&post=<?php dcPostID(); ?> " title="fil RSS des commentaires de
              <?php dcPostTitle(); ?> ">fil rss</a>.</li>
            <li> Pour
            <strong>citer ce billet</strong> ailleurs, utilisez ce
            <a href="<?php dcPostURL(); ?> " title="lien permanent vers
              <?php dcPostTitle(); ?> ">lien</a>.</li>
          </ul>
        </div>
        <?php endif; ?>
        <div id="calendar">
          <h2>Calendrier</h2>
<?php #Affichage du calendrier
          dcCalendar('<table summary="Calendrier">%s</table>'); ?>
        </div>
        <div id="categories">
          <h2>Catégories</h2>
          <?php dcMyCatList(); ?>
        </div>
        <?php dcSelection('<div id="selection"><h2>Post-it</h2><ul>%s</ul></div>'); ?>
        <?php dcLangList('<div id="languages"><h2>Langues</h2><ul>%s</ul></div>'); ?>
        <div id="search">
          <form action="<?php dcInfo('search'); ?>" method="get">
            <h2>
              <label for="q"> Rechercher
              </label></h2>
            <p class="field">
              <input name="q" id="q" type="text" size="10" 			value="<?php dcSearchString(); ?>" accesskey="4" />
              <input type="submit" class="submit" value="ok" />
            </p>
          </form>
        </div>
        <div id="archives">
          <h2>Archives</h2>
          <?php dcMonthsList(); ?>
        </div>
        <div id="links">
          <h2>Liens</h2>
          <?php dcBlogroll::linkList(); ?>
        </div>
        <div id="syndicate">
          <h2>Syndication</h2>
          <ul>
            <li>
            <a href="<?php dcInfo('rss'); ?>">fil rss</a></li>
            <li>
            <a href="<?php dcInfo('rss'); ?>?type=co">fil rss commentaires</a></li>
            <li>
            <a href="<?php dcInfo('atom'); ?>">fil atom</a></li>
            <li>
            <a href="<?php dcInfo('atom'); ?>?type=co">fil atom commentaires</a></li>
          </ul>
        </div>
      </div>
      <p id="footer">
        <a href="#top">top</a> |        ce site est bio-cultivé par
        <a href="http://www.dotclear.net/">DotClear</a> |        meilleur rendu avec
        <a href="http://www.mozilla-europe.org/fr/products/firefox/">Firefox</a> |
        <a href="http://validator.w3.org/check/referer">xhtml</a> |
        <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.souricier.net%2Fblog%2Fthemes%2Fzanimaux1%2Fstyle.css">CSS</a><br />
        © thème Zanimaux 1.0 par 
        <a href="http://www.souricier.net">Sou</a> :
        <a href="http://creativecommons.org/licenses/by-nc/2.0/fr/">licence Creative Commons</a>.
      </p>
    </div>
  </body>
</html>

Ainsi que la feuille de style:

body {
	margin: 5px 0;
	padding: 0;
	background-color:#000000;
	/*background: #ccc url(images/lblue153.jpg);*/
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
/* Resets 1em to 10px */
	color: #444;
}
acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
}
p {
	margin: 0.2em 0 0.8em 0;
}
h1 {
	font-size: 190%;
	margin-left: 350px;
	padding-top: 15px;
	padding-bottom: 0;
	margin-bottom: 0;
}
h1 a {
	color: #fff;
	text-decoration: none;
	border: none;
}
h1 a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
}
h2 {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
	margin-top: 0px;
	padding-top: 0px;
	color: #666;
}
h3 {
	font-size: 13px;
	margin: 0px;
	padding: 10px 0px 3px;
}
h3 a {
	color: #0066FF;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
}
pre, code {
	overflow: auto;
	border: 1px solid #b3b279;
	background: #F8EDD2;
}
hr {
	display: none;
}
ul {
	list-style-type: none;
}
li {
	margin-left: 0px;
}
pre {
	width: 100%;
	overflow: auto;
	border: 1px solid #b3b279;
}
html>body pre {
	overflow: auto;
	width: auto;
}
fieldset {
	border: none;
}
.field label {
	display: block;
}
input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus {
	border: 1px solid #800;
	background-color: #F8EDD2;
}
textarea {
	width: 450px;
	border: 1px solid #b3b279;
	background-color: #FFFBF1;
}
input {
	border: 1px solid #c2c295;
	background-color: #FFFBF1;
}
a {
	color: #8A3B34;
	text-decoration: none;
}
a:hover {
	color: #B88D6B;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #D88207;
	font-size: 0.8em;
}
a img {
	border: none;
}
/* La page*************************************************************/
#page {
	width: 700px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0 20px 0 20px;
	border: 1px solid #404040;
}
/* top******************************************************************/
#top {
	background-image: url(images/banner.png);
	height: 200px;
	margin-top: 20px;
	margin-bottom: 0;
}
#top h1 {
	height: 200px;
	padding-top: 20px;
	margin-right: 20px;
	text-align: right;
}
/* nav-box****************************************************************/
#nav-box ul {
	margin: 0 0 10px 0;
	padding: 3px 5px 4px 0;
	letter-spacing: 2px;
	list-style-type: none;
	background-color: #000;
	color: #fff;
	text-align: center;
}
#nav-box li {
	margin-left: 10px;
	margin-right: 10px;
}
#nav-box ul li {
	display: inline;
	padding: 5px 0;
}
#nav-box ul li a {
	padding: 5px 3px 6px 3px;
	color: #fff;
	text-decoration: none;
}
#nav-box ul li a:hover {
	background-color: #DE3A3A;
	color: #fff;
}
/* main************************************************************/
#main {
	float: left;
	width: 490px;
	margin-top: -7px;
}
#quicknav {
	text-align: left;
	margin-bottom: 40px;
}
.post {
	line-height: 130%;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 20px solid #f5f5f5;
}
.post-title {
	background-image: url(images/star.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 15px;
	padding-left: 20px;
	text-align: left;
	color: #DE3A3A;
}
.post-title a:link, .post-title a:visited {
	color: #DE3A3A;
	text-decoration: none;
}
.post-title a:hover {
	background-color: #DE3A3A;
	color: #fff;
	text-decoration: none;
}
.post-chapo {
	text-align: justify;
}
.post-content {
	text-align: justify;
}
.post-content blockquote {
	font-style: italic;
	color: #222;
	padding-left: 10px;
	border-left: 10px solid #ddd;
}
.post-info {
	color: #BBBBBB;
	margin-top: -14px;
	text-align: right;
	margin-bottom: 10px;
}
.post-info-co {
	clear: both;
	text-align: right;
	margin-top: 30px;
	margin-bottom: 0;
	background: #fff url(images/comments.png) no-repeat right center;
	padding-right: 16px;
}
#comments {
	margin-bottom: 15px;
}
#comments h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#trackbacks blockquote, #comments blockquote {
	text-align: justify;
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 1em 1em 0 1em;
	background: #efefef;
}
#comments .me blockquote {
	background: #EDE6D7;
}
.permabo {
	margin-top: 30px;
	clear: both;
	text-align: right;
	margin-bottom: 0;
}
.post-ico-permlink {
	background: #fff url(images/link.png) no-repeat left center;
	padding-left: 18px;
}
.post-ico-rss {
	background: #fff url(images/rss.png) no-repeat left center;
	padding-left: 16px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	text-align: center;
}
/* sidebar*******************************************************************************/
#sidebar {
	float: right;
	width: 170px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 40px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
	color: #777;
}
#sidebar h2 {
	color: #ccc;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 12px;
	padding-right: 10px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	display: block;
	margin: 0.2em 0 0 0;
	padding: 0;
}
#sidebar a {
	border: none;
}
#sidebar a:hover {
	border: none;
}
#search fieldset, #search p {
	margin: 0;
	padding: 0;
}
#q {
	margin-left: 10px;
}
.suite {
	background: #fff url(images/suite.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#postmetadata h2 {
	background: #fff url(images/postmetadata.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#postactions h2 {
	background: #fff url(images/postactions.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#categories {
	color: #bbb;
}
#categories h2 {
	background: #fff url(images/categories.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#sidebar div#calendar table {
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}
#calendar h2 {
	background: #fff url(images/time.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#selection h2 {
	background: #fff url(images/selection.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#languages h2 {
	background: #fff url(images/flag.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#archives h2 {
	background: #fff url(images/archives.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#links h2 {
	background: #fff url(images/link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#search h2 {
	background: #fff url(images/search.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
#syndicate h2 {
	background: #fff url(images/rss.png) no-repeat left center;
	padding-left: 20px;
	line-height: 18px;
}
/* autres **********************************************************/
#footer {
	clear: both;
	border-top: 1px solid #ddd;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	color: #666;
}

Si quelqu'un sait, Merci d'avance!

Hors ligne

#2 2008-02-05 20:01:43

Smoky
Membre
Inscription : 2008-02-05

Re : Bug d'affichage dans mon thème sous IE

En fait c'est rêglé!!!

J'ai tout simplement mis une image plus grande en ahuteur, à 300 au lieu de 200, et ca marche nickel sous Firefox comme sous IE!
Et mon menu est toujours là! :)


Merci quand même et vive Dotclear!

Hors ligne

#3 2008-02-06 08:20:03

toulous1
Membre
Lieu : toulouse
Inscription : 2007-11-06
Site Web

Re : Bug d'affichage dans mon thème sous IE

Le CSS est un monde à lui tout seul, on arrête pas d'en apprendre et c'est un outil vraiment puissant, je pense que tu es pardonné... !!

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map