Css IE/firefox tableau

Fermé
Flow31- Messages postés 84 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 10 avril 2013 - 28 juil. 2009 à 14:50
Flow31- Messages postés 84 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 10 avril 2013 - 30 juil. 2009 à 10:57
Bonjour,

Alors n'arrivant pas à faire un bon design avec les div (voir clan.tkt.free.fr) j'ai décidé d'écouter et de passer au tableau. Voici mes problèmes :

1- le tableau sous firefox et sous IE est différent : j'ai beau réduire la marge menu, sur IE ça me laisse toujours une marge -_-

2- pourquoi sur IE j'ai un tableau noir et sur firefox un tableau blanc ?

3- Comment avoir le même type d'espacement dans le menu sur firefox et sur IE

En gros j'aimerai les avoir pareil lol

plus :

4- le fond : j'aimerai mettre 2 fond : 1 de base et 1 qui se répète, car je vais du clair au foncé et au niveau du foncé j'aimerai que j'ai que le foncé qui se répète mais bon je peux pas mettre 2 background :/
c'est possible comment ?


Voici dans l'ordre : le code html, suivi du code css et suivit des exemples en jpg de ce que ça donne.

=====================================================================
<?php
session_start();
$temps_unan=time()+365*24*3600;
If (isset ($_SESSION['ecrire_cookie']))
{
If($_SESSION['ecrire_cookie']==1)
{
$pseudo_cookie=$_SESSION['pseudo'];
$pseudo_mdp_login=$_SESSION['mdp_login'];
setcookie('pseudo','$pseudo_cookie',$temps_unan);
setcookie('mdp_login','$pseudo_mdp_login',$temps_unan);
$_SESSION['ecrire_cookie']=0;
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<title>Clan TkT</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
<meta name="description" content="Site du Clan TKT de Warcraft 3 - The Frozen Throne" />
<meta name="rating" content="Fan de jeux vidéos, joueurs de warcraft 3 - The Frozen Throne" />
<meta name="rev" content="aurastyles@hotmail.com" />
<meta name="subject" content="Page d'accueil du Clan TKT" />
<meta name="keywords" content="Clan TKT, Warcraft 3, Frozen throne, TINQUIETE" />
</head>
<body>

<p> </p>
<table width="765" border="3" bordercolor="#000000">
<tr bordercolor="#000000">
<td height="70" colspan="3"><div class="titre1">
<table width="765" border="0">
<tr>
<td width="444">Bienvenue Clan TKT </td>
<td width="311"><?php include('session.php');?></td>
</tr>
</table>
</div></td>
</tr>
<tr background="fond_infinie.jpg">
<td height="100%" colspan="3" class="sans"> </td>
</tr>
<tr>
<td width="149" height="518" class="right"><?php include('menu.php');?></td>
<td width="536" height="518" class="corps">
<p><br />
<?php
echo 'Il est ' . date('H\hi\m\i\n') .'<br /><br />';
?>
</p>
<blockquote>La légende : <br />
<span class="site">en bleu : les news par rapport au site</span><br />
<span class='clan'>en orange:les news par rapport au clan</span><br />
<span class='bot'>en violet : les news par rapport au bot</span><br />
</blockquote>
<br />
<?php
mysql_connect("localhost","root","");
//mysql_connect("sql.free.fr","clan.tkt","sv10193");
mysql_select_db("clan.tkt");
$resultat=mysql_query("SELECT * FROM news ORDER BY timestamp DESC LIMIT 0,20") or die;
while($donnees=mysql_fetch_array($resultat))
{
switch ($donnees['type'])
{
case 's':
echo "<span class='site'>";
echo date('d/m/Y',$donnees['timestamp']) .' : <span class="gras">' . nl2br(stripslashes($donnees['titre'])) . '</span> : ';
echo nl2br(stripslashes($donnees['message'])) . '<br /><br />';
echo '</span>';
break;

case 'w':
echo "<span class='clan'>";
echo date('d/m/Y',$donnees['timestamp']) .' : <span class="gras">' . nl2br(stripslashes($donnees['titre'])) . '</span> : ';
echo nl2br(stripslashes($donnees['message'])) . '<br /><br />';
echo '</span>';
break;

case 'b':
echo "<span class='bot'>";
echo date('d/m/Y',$donnees['timestamp']) .' : <span class="gras">' . nl2br(stripslashes($donnees['titre'])) . '</span> : ';
echo nl2br(stripslashes($donnees['message'])) . '<br /><br />';
echo '</span>';
break;
}

}
mysql_close();
?>
<br />
<h2><a href="http://clan.tkt.free.fr/debutant.php" title="Tu veux t'améliorer ??">Par ici les débutants.</a></h2>
<br />
<br />
</td>
<td width="58" height="518"> </td>
</tr>
</table>
<table width="779" border="1" bordercolor="#000000">
<tr>
<td class="fond"><?php include ('bas.php');?></td>
</tr>
</table>
</body>
</html>


===================================================================

body {
background-color: #000000;
background-image:url(fond.jpg);
background-repeat:repeat-y;
background-position:center;
background-position:top;
color:#FFFFFF;

}
table
{
/*background-color:#333333;*/
text-align:center;
margin-left:18%;

}
/*
first{ tableau central

}
*/
.corps
{
text-align:left;
padding-left:1%;

}

.titre1 {
font-size: xx-large;
font-weight: bold;
color: #ffffff;
font-family:"Castellar";
}

.session {
text-align:left;
font-size:1px;
}

.fond {
/*background-image:url(fond_infinie.jpg);*/
}
/*-------------------------------------------------------------------------------------------*/
.element_menu li a:hover, .element_menu li a:focus, .element_menu li a:active {
background: #990000 ; /*#fc8*/
text-decoration: underline ;
font-size:1.1em;
color:#660000; /*##e44*/
}
.element_menu li a
{
display:block;
border: 1px ridge #f44;/*# background: #00bbbbb ;*/

margin-right:4%;
text-align: center ;
text-decoration: none ;
color:#F00;
padding:0;
}

.element_menu li
{
list-style:none;
}
.element_menu h3
{
color:red;
font-family:"Matura MT Script Capitals";
font-size:24px;
}

.element_menu .gris
{
color:#666;
}
.element_menu
{
/*text-align:left;
font-size:1px;*/
}
.right
{
margin-right:0;
}

/*-------------------------------------------------------------------------------------------*/

.site
{
color:#0099FF;
}

.clan
{
color:#FF9900;
}

.bot
{
color:#CC66FF;
}

.gras
{
font-weight: bold;
font-size:1.2em;
}

.red
{
color:red;

}

.normal
{
font-size:11px;
line-height:normal;
}

/*-------------------------------------------------------------------------------------------*/

a:hover
{
text-decoration: underline;
color: red;
}

a:active
{
background-color: #FFCC66;
}
a
{
color:#33FF00
}


============================================================

http://clan.tkt.free.fr/test/firefox.jpg
http://clan.tkt.free.fr/test/IE.jpg
http://clan.tkt.free.fr/test/dream.jpg


Bon ils sont rassemblé sur : http://clan.tkt.free.fr/test/text.html

désolé pour ces mauvais screen, j'enlèverai le haut et le bas la prochaine fois.

A voir également:

1 réponse

Flow31- Messages postés 84 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 10 avril 2013 10
30 juil. 2009 à 10:57
Bonjour, en fait je me suis apperçu, en surfant, que c'était difficile d'obtenir pareil avec Firefox et IE 6 ! et c'est ce que je suis en train d'essayer de faire depuis un petit moment.

Pourrai-je avoir un screenshot de "clan.tkt.free.fr/index.php" pour voir le résultat sous IE 7 ?

Merci d'avance
0