[Réglé] Problème de bordures qui s'affichent pas

[v4np13]

Bonjour à vous tous,

J'ai un problème j'ai des bordures qui ne s'affichent pas. Du menu vertical au footer il devrait y avoir des bordures, ça fait quelque temps que je cherche sans trouver. Voici l'url.

Voila un bout du code CSS:

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
background: White;
}
#farouter {
background: #ffffff;
width: 759px; 
margin: 20px auto 20px auto;
text-align: left;  /* IE 5.5 hack part II */
padding: 0;
}
#masthead {
background: url('http://orange.56tti.info/ctnnl/kimages/ban.png') no-repeat;
width: 759px; 
height: 190px;
margin:0;
padding: 0; 
}
#main {
width: 759px;
border-left: 1px solid #2050A0; <---
border-right: 1px solid #2050A0; <---
padding-left: 10px;
}
#content {
float: left;
padding-left: 0;
width: 450px; 
padding-top: 40px;
}
#menu {
float: right;
width: 175px; 
padding-right: 3px; 
border-left: 1px dashed #2050A0;
}
#footer { 
clear: both; 
padding: 0;
margin:0;
width: 759px;
background: #2050A0;
}

Tout me semble correct, à force de trop chercher , je ne trouve plus

Si vous pouviez me donner aussi quelques avis sur le design actuel, je n'ai pas fini mais vos remarques pourraient me guider.

Merci d'avance

Modifié 29 Novembre 2005 par v4np13

[Sarc]

Salut ! Elle est longue ta feuille de style sur ta page tu as besoin de tout tout ?

En fait, on voit pas du tout la même chose sous IE et FF... Sous IE, tu as la bordure, même si le contenu est tout décalé, et effectivement sous FF pas de bordure !

Ca s'explique assez facilement par la présence de floats tout partout : FF ne met rien quand il n'y a rien, et le float a la mauvaise idée d'être en dehors du flux, donc ton main est considéré comme vide (du moins c'est l'interprétation que j'en fais, après je me trompe peut-être !)...

Solution : mettre le menu à droite en float, avant de mettre le contenu, et de laisser le contenu se mettre où il veut après...

Bonne chance pour avoir un beau site tableless et qui marche partout

[v4np13]

Effectivement, ça va déjà mieux en retirant le float:left; de content, mais le menu se trouve en bas. Il va falloir jouer, si je me trompe pas, avec les position:absolute; ou relative; mais j'y comprends pas la différence.

Encore merci

Modifié 28 Novembre 2005 par v4np13

[Sarc]

pour que ton menu soit à la même hauteur, il faut le mettre avant le reste du contenu dans ton code HTML... Comme ça, il est mis à droite, et ensuite le contenu va se mettre à gauche, là ou il y a de la place !

Tant que tu mets bien une largeur à ton menu de droite, ça ira mieux !

[v4np13]

Merci beaucoup, ça marche nickel