bagare entre ie et firefox :( (comment tjours !)

Discussion dans 'Web, design' créé par aKC1a, 19 Janvier 2005.

Statut de la discussion:
Fermée.
  1. Offline
    aKC1a OldSchool CS Star
    voila je réalise un site pour le moment et j'ai un petit tableau dedans
    sous firefox tout donne comme je le veux.

    ->> [IMG]

    Malheureusement (comme il fallait s'en douter), sous ie il ne me met pas les border en noir mais en blanc :-(

    -->> [IMG]

    Si kkun voit pkoi ie les met en blanc automatiquement ?
    Merci ;)
    aKC1a, 19 Janvier 2005
    #1
  2. Offline
    K@ra SiouperSlapz0r
    Donne ton code, on poura mieux t'aider...
    Sinon, j'imagine que tu as quand même pensé à taper un bordercolor="#000000"
    K@ra, 19 Janvier 2005
    #2
  3. Offline
    Xou I ♥ rien
    Et je dirais de changer ton titre parce que bon, c'est pas très explicite :oops:

    Comme a dit Kara, file ton code HTML et/ou CSS
    Xou, 19 Janvier 2005
    #3
  4. Offline
    aKC1a OldSchool CS Star
    Code:
    <style type="text/css">
    <!--
    body,td,th {
    	color: #000000;
    }
    body {
    	background-color: #404040;
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    }
    .cell {
    	background-color: #FFFFFF;
    }
    .celltab {
    	background-color: #FFFFFF;
    	border-right-style: solid;
    	border-right-color: #000000;
    	border-right-width: 1px;
    }
    .shootbox {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: #404040;
    }
    .comment {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: #404040;
    	background-color:#999999;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #000000;
    	border-right-color: #000000;
    	border-bottom-color: #000000;
    	border-left-color: #000000;
    	line-height: 3px;	
    }
    .server {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: #000000;
    	background-color:#ffffff;
    }
    .poster {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: #406BA4;
    	line-height: 2px;
    }
    .table_content {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: 404040;
    	background-color: #cccccc;
    	border-right-width: 1px;
    	border-left-width: 1px;
    	border-right-style: solid;
    	border-left-style: solid;
    	border-right-color: 404040;
    	border-left-color: 404040;
    }
    .titrenews {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	color: #404040;
    	border: 1px solid #404040;
    	background-image: url(img/fond_news.gif);
    }
    .cell_news {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color: #000000;
    	background-color: #ffffff;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #404040;
    	font-weight: normal;
    }
    .entete {
    	border-right-width: 1px;
    	border-right-style: solid;
    	border-right-color: #000000;
    }
    a:link {
    	color: #000000;
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    	color: #000000;
    }
    a:hover {
    	text-decoration: none;
    	color: #000000;
    }
    a:active {
    	text-decoration: none;
    	color: #000000;
    }
    -->
    </style>
    
    quand il n'y a aucune css appliquée sur le tableau c'est k'exemple que vous avez en img. FIREFOX met 1px automatiquement en noir et IE rien.

    par contre qd j'applique "celltab" au tableau de gauche FIREFOX met une border de 2px (soit 1 de trop) et IE 1px soit ca marche.
    aKC1a, 19 Janvier 2005
    #4
  5. Offline
    alan Elite
    et le code de ton tableau ???
    alan, 19 Janvier 2005
    #5
  6. Offline
    J'avais déja eu un truc similaire, t'as essayé en metant un "   " ?
    griZhihan, 19 Janvier 2005
    #6
  7. Offline
    seeya ex membre
    voilà, j'ai déjà rencontré ça au tout debut de mon apprentissage des css (vachement pratique quand-meme :cool:).

    je crois qu'en rajoutant cette propriété au code css que tu appliques à ton tableau, cela devrait fonctionner comme il se doit:

    Code:
    border-collapse: collapse;
    plus d'explications ici: http://www.w3.org/TR/REC-CSS2/tables.html#propdef-border-collapse

    yop, à essayer.
    seeya, 19 Janvier 2005
    #7
  8. Offline
    RedCross ex membre
    ouais, poste le code de ton tableau aussi qu'on puisse y voir clair.

    Sinon, faut rajouter aussi un cellpadding et un cellspacing de zero.
    (dan sle css c'est encore mieux)
    Code:
      	padding: 0;
    RedCross, 19 Janvier 2005
    #8
  9. Offline
    aKC1a OldSchool CS Star
    merci pour vos aide ;)

    ct juste une redondance entre 2 css ;)

    en l'occurence la premiere cellule avait une border right de 1 px et celle a coté un border left de 1px .

    c reglé merci de vos aides ;)
    aKC1a, 19 Janvier 2005
    #9
Statut de la discussion:
Fermée.