Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1451 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Problème de largeur !

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Problème de largeur !

n°1286005
ANViL
yep...definitely ♫
Posté le 17-01-2006 à 21:30:26  profilanswer
 

Bon voilà le topo,
 
J'ai une table et un div, tous deux sont dans un conteneur de largeur définie.
 
Mon problème:
 
Sous FF: la table est décalée de 1pixel vers la gauche
 
Sous IE : la table est décalée de 1pixel vers la droite
 
Sous Opera : idem qu'IE !
 
CSS
 

Citation :

/*
-------------------
PROPRIETES GLOBALES  
-------------------
*/
 
 
* {
 font-family: Verdana, sans-serif;
 padding: 0;
 margin: 0;
}
 
p {
 padding: 0.5em 0;
}
 
 
/*
----------------
BLOCS PRINCIPAUX
----------------
*/
 
 
body {
 background: rgb(40,40,40);
 text-align: center;
 width: 100%;
}
 
#main {
 margin: 0 auto;
 width: 1000px;
}
 
 
/*
---------------------------------
LOGO / INFOS / HEADER / FOOTER...
---------------------------------
*/
 
 
#image_acceuil,#infos {
 border: 1px rgb(60,60,60) solid;
}
 
 
/*
--------
1. LOGO
--------
*/
 
 
#image_acceuil {
 background: black;
 height: 512px;
 border-bottom: 0;
}
 
 
/*
---------
1. INFOS
---------
*/
 
 
#infos {
 border-collapse: collapse;
 text-indent: 20px;
 text-align: left;
 width: 100%;
}
 
#infos_header {
 background-color: rgb(50,50,50);
 color: rgb(170,170,170);
 font-size: 18px;
}
 
#infos_header th {
 width: 50%;
}
 
#infos * td {
 border-right: 1px rgb(60,60,60) solid;
 font-size: 12px;
 color: black;
}
 
.definitions {
 background: rgb(88,87,82);
 width: 15%;
}
 
.variables {
 background: rgb(113,112,104);
 font-weight: bold;
 width: 35%;
}


 
 
HTML
 

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
 
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<link rel="stylesheet" href="style.css" type="text/css" />
 
</head>
<body>
 
 
 
<div id="main">
 <div id="image_acceuil"></div>
 
 <table id="infos" cellpadding="0" cellspacing="0">
  <tr id="infos_header">
   <th colspan="2">
    <p>Informations Client</p>
   </th>
   <th colspan="2">
    <p>Informations Serveur</p>
   </th>
  </tr>
  <tr>
   <td class="definitions">
    <p>Adresse IP</p>
   </td>
   <td class="variables">
    <p>192.178.1.28</p>
   </td>
 
   <td class="definitions">
    <p>Adresse IP</p>
   </td>
   <td class="variables">
    <p>255.255.255.255</p>
   </td>
  </tr>
  <tr>
 
   <td class="definitions">
    <p>Nom d'hôte</p>
   </td>
   <td class="variables">
    <p>192.178.1.28.adsl</p>
   </td>
   <td class="definitions">
    <p>Nom d'hôte</p>
 
   </td>
   <td class="variables">
    <p>www.noname.com</p>
   </td>
  </tr>
  <tr>
   <td class="definitions">
    <p>Port source</p>
 
   </td>
   <td class="variables">
    <p>1683</p>
   </td>
   <td class="definitions">
    <p>Port</p>
   </td>
   <td class="variables">
 
    <p>80</p>
   </td>
  </tr>
  <tr>
   <td class="definitions">
    <p>O.S</p>
   </td>
   <td class="variables">
 
    <p>Debian</p>
   </td>
   <td class="definitions">
    <p>O.S</p>
   </td>
   <td class="variables">
 
    <p>Fedora Core 4</p>
   </td>
  </tr>
   
 </table>
 
</div>
 
 
</body>
 
</html>


 
Quelqu'un sait-il pourquoi ce comportement ?


Message édité par ANViL le 17-01-2006 à 22:16:34
mood
Publicité
Posté le 17-01-2006 à 21:30:26  profilanswer
 

n°1286082
xtof_83
Freeride Spirit
Posté le 17-01-2006 à 22:07:41  profilanswer
 

lol c'est du chipotage ;)
 
Mais c'est vrai que même aprés quelques tests...rien trouvé... :sweat:

n°1286091
ANViL
yep...definitely ♫
Posté le 17-01-2006 à 22:12:57  profilanswer
 

tu dis que c'est du chipotage parce que ce n'est "qu'un" pixel, mais ça m'embete autant que si c'était 10pixels.
 
Je penche pour une clause du box-model. y a-t-il un expert dans la salle qui sache quoi faire ?
 
EDIT: Bon problème modifié: sous IE il y a également un décalage à droite à la manière d'Opera  :sweat:


Message édité par ANViL le 17-01-2006 à 22:15:48
n°1286243
baai
Posté le 18-01-2006 à 04:48:27  profilanswer
 

Et sous IE-Mac ? :D

n°1286316
ANViL
yep...definitely ♫
Posté le 18-01-2006 à 10:09:40  profilanswer
 

ça j'en sais rien, mais j'aimerais déjà essayer de résoudre ce problème avec les 3 nabvigateurs cités ci-dessus :/

n°1286617
bedomon
La vérité est ailleurs
Posté le 18-01-2006 à 14:44:33  profilanswer
 

et si tu esaye de faire une bordure sur 3 pixel ca te mangera chaque pixel, enfin je dis ca mais je n'ai pas essayé...


Message édité par bedomon le 18-01-2006 à 14:44:54
n°1287585
ANViL
yep...definitely ♫
Posté le 19-01-2006 à 15:02:28  profilanswer
 

la seule solution que j'ai trouvé jusqu'à présent c'est de mettre l'image du dessus dans une ligne de la table est de faire un colspan, mais bon j'ai banni le codage en table depuis longtemps, c'est pas pour y replonger  :sweat:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Problème de largeur !

 

Sujets relatifs
Problème de post avec easyphp -> 405 post not allowedProblème SQL sous ACCESS
Problème avec return ... il ne revoie rien quand je le met dans un ifvba excel: problème de compatibilité sur différents postes de travail
Problème pour un quizproblème pour un quiz
Problème de margeproblème accents résultat batch
probleme de pointeur[resolu] [perl] problème "lib text::template" suite migration server
Plus de sujets relatifs à : [CSS] Problème de largeur !


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR