Partage

mon corp est decaler sur IE et non sur Firefox

Sujet résolu

1 décembre 2005 à 20:13:35

Bonjours à tous

Alors je tiens encore a m'excusé si cette question a deja eu lieu mais j ai pas vu dans les titres du forum la meme question que moi.

Voila alors j ai un souci, alors deja la plus par de mon site fonctionne correctement sauf la parti Match qui elle contrairement au autre se decal sous internet explorer alors que sous firefox tout est nikel, j'aimerai savoir pourquoi s'il vous plais. ( je tien a dire que c est la seul avec des acronym ( qui d ailleur ne sont pas visible sur IE pkoi aussi ? )

voici mon code CSS

body
{
width: 800px;
height: 600px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("http://littlecs.free.fr/images/fond.jpg");
background-attachment: fixed;
}

/* L'en-tête */

#en_tete
{
width: 800px;
height: 200px;
background-image: url("http://littlecs.free.fr/images/header.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}

/* Le menu */

#menu
{
height: 350px;
width: 150px;
float: left;

}

.element_menu
{
/*background-color: #626262;*/
background-image: url("http://littlecs.free.fr/images/menu.png");
height: 194px;
width: 150px;
background-repeat: repeat-x;
padding-top: 8px;
/*border: 2px solid black;*/

/*margin-bottom: 20px;*/
}

/* Quelques effets sur les menus */

.element_menu h3
{
color: #FFFFFF;
font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
text-align: center;
margin: 1px;

}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 30px;
padding-left: 30px;
margin: 0px;
margin-bottom: 30px;
}

.element_menu a
{
color: #00FFFF;
}

.element_menu a:hover
{
background-color: #00FFFF;
color: black;
}

/* Le corps de la page */

#corps
{
margin-left: 180px;
margin-bottom: 10px;
padding: 2px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
height: 1000px;
width: 700px;

border: 2px solid black;
}

#corps h1
{
color: #FFFFFF;
text-align: center;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;
height: 20px;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: underline;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 20px;
color: #FFFFFF;
text-align: center;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}
.elemental a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: red; /* Les liens seront en rouge au lieu de bleu */
font-style: bold; /* Les liens seront en italique (pourquoi pas ?) */
}

a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: blue; /* Le lien sera écrit en vert quand on pointera dessus */
}
.defaite
{
background-color: maroon; /* Fond rouge */
font-weight: bold;

}

.victoire
{
background-color: green; /* Fond vert */
font-weight: bold;

}

.egalite
{
background-color: blue;
font-weight: bold;

}

.membre_actif
{
color: white;
margin-left: 50px;
}

.membre_non_actif
{
color: white;
margin-left: 50px;
}

caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #0000FF;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
background-color: #0000FF;
color: white;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
border: 1px solid black;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
font-size: 12px;
}

Merci d'avance pour vos réponses et si vous pouviez me dire en passant pourquoi les Acronym ne sont pas vu sous IE sa serrai cool

zeunyton

1 décembre 2005 à 20:18:18

Tu sais affiché ton site pour voir les décalage dont tu parle

san1981

1 décembre 2005 à 20:20:03

Si ca peut t'aider, regarder ce lien:
http://blog.alsacreations.com/2004/09/11/59-savoir-utiliser-les-acronymes-abreviations-et-sigles

Ca explique un peu comment fonctionne la balise <acronym>
sous IE etc.

Webmaster passionnée par mon métier mais aussi par les personnes qui m'entourent, l'art, le design, la nature, l'architecture, la lecture et toutes les beautés de la vie ;-)

OxY94

1 décembre 2005 à 20:31:47

oui desoler je pensais avoir mis le lien http://littlecs.free.fr voila et dans la section match y a un souci sur IE et un pote ma dit qu il pouvais le lire sous IE l'acronym mais moi j y arrive pas t en pis je suis sous firefox, mais bon l essentiel c est qu on mais confirmer que sa fonctionne quand meme

frozee

1 décembre 2005 à 20:50:43

IE est plein de beug en tout genre ! franchement vive firefox ! moi aussi sur mon ancien blog perso j'avais un problème avec IE et non sous firefox... il y a de quoi se poser des questions sur les dévellopeurs de internet explorer :lol:

c'était un pb de menu en images si ca peut t'aider

zeunyton

1 décembre 2005 à 21:02:14

tu veut parler d'un texte qui dois s'afficher au passage de la souris

OxY94

1 décembre 2005 à 21:34:07

oui je parle du texte qui ne s'affiche pas chez moi sous IE et aussi du faite que quand je clic sur match sous IE et bien le corp de ma page est completement decaler alors que sur Firefox j ai aucun probleme.

moejul

1 décembre 2005 à 21:39:25

Salut,

Je ne comprend pas du tout pourquoi ça bug dans la rubrique matchs mais pas dans la rubrique accueil. Tu as des css différents ? Utilises-tu des propriétés CSS uniquement pour cette page ?

OxY94

2 décembre 2005 à 10:30:24

oui j utilise des css differents

voici celui de l'accueil

et le match

Anonyme

2 décembre 2005 à 10:36:12

Sous ie, quand tu utilise un float, pour ton pied de page, utilise un

clear : left (ou right ou both, selon où est ton float) ;

OxY94

2 décembre 2005 à 10:47:26

je le rajoute dans mon pied de page ou je doit effacer d autre texte avant de mettre ton code ?

jp949

2 décembre 2005 à 10:49:50

tu as 100px de difference entre la largeur de #corps accueil et #corps match

OxY94

2 décembre 2005 à 10:52:16

et alors sa change rien c'est juste le corp que j ai agrandi specialement pour la zone match. mais j avais aussi essayer pour voir si sa venais de la et sa ne marchais pas mieu

alors j ai pas l'impression que sa ne vien pas de mon css mais plutot du html je vous le met ici

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Future Site de Clan Counter "Teste"</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Designstyle" href="calendrier.css" />
</head>

<body>



<div id="en_tete">

</div>



<div id="menu">

<div class="element_menu">
<h3>Info Team</h3>
<ul>
<li><a href="http://littlecs.free.fr">News</a></li>
<li><a href="http://littlecs.free.fr/team.htm">Team</a></li>
<li><a href="http://todc.aresgames.com/forum">Forum</a></li>
<li><a href="http://littlecs.free.fr/serveur.htm">Serveur</a></li>
<li><a href="http://littlecs.free.fr/calendrier.htm">Calendrier</a></li>
</ul>
</div>

<div class="element_menu">
<h3>Divers</h3>
<ul>
<li><a href="http://littlecs.free.fr/potes.htm">Site Potes</a></li>
<li><a href="http://littlecs.free.fr/ts.htm">TeamSpeak</a></li>
<li><a href="http://littlecs.free.fr/match.htm">Matchs</a></li>
<li><a href="http://littlecs.free.fr/train.htm">Training</a></li>
<li><a href="http://littlecs.free.fr/teamdead.htm">Team Dead</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Download</h3>
<ul>
<li><a href="http://littlecs.free.fr/maps.html">Maps</a></li>
</ul>

</div>
</div>



<div id="corps">

<h2><b><u>Section - Calendrier</u></b></h2><br/>
<table>
<caption>Janvier 2006</caption><br/>

<tr>
<th>Lundi</th>
<th>Mardi</th>
<th>Mercredi</th>
<th>Jeudi</th>
<th>Vendredi</th>
<th>Samedi</th>
<th>Dimanche</th>
</tr>
<tr>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>30</td>
<td>31</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
</tr>
</table>
<table>
<caption>Fevrier 2006</caption><br/>

<tr>
<th>Lundi</th>
<th>Mardi</th>
<th>Mercredi</th>
<th>Jeudi</th>
<th>Vendredi</th>
<th>Samedi</th>
<th>Dimanche</th>
</tr>
<tr>
<td>.</td>
<td>.</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
</tr>
<tr>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
</tr>
</table>
<table>
<caption>Mars 2006</caption><br/>

<tr>
<th>Lundi</th>
<th>Mardi</th>
<th>Mercredi</th>
<th>Jeudi</th>
<th>Vendredi</th>
<th>Samedi</th>
<th>Dimanche</th>
</tr>
<tr>
<td>.</td>
<td>.</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td>.</td>
<td>.</td>
</tr>
</table><br/>
<br/>
<p>Autres mois tournez la page

<a href="http://littlecs.free.fr/calendrier1.htm">(avril-mai-juin)</a>-<a href="http://littlecs.free.fr/calendrier2.htm">(juillet-aout-septembre)</a>-<a href="http://littlecs.free.fr/calendrier3.htm">(octobre-novembre-decembre)</a>

</div>



<div id="pied_de_page">
<div class="elemental">
<ul>
<li>Copyright "Webmaster <a href="mailto: shaft_094@hotmail.com" title="Franck">OxY</a> (aide sur <a href="http://www.siteduzero.com" title="Site qui aide a créer son propre Site">Site du Zero</a>)" 2005, tous droits réservés</li>
<li>S'il vous plais, Merci de Respecter les images de se site car elles sont RESERVER | Merci |</li>
</ul>

</div>
</div>

</body>
</html>