Aller au contenu

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


v4np13

Sujets conseillés

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é par v4np13
Lien vers le commentaire
Partager sur d’autres sites

Salut ! Elle est longue ta feuille de style sur ta page :wacko: 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 :P

Lien vers le commentaire
Partager sur d’autres sites

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é par v4np13
Lien vers le commentaire
Partager sur d’autres sites

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 !

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...