28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Aprés avoir fait les recherches d'usage, j'avoue n'avoir pas reussi à résoudre mon soucis soucis sous FF.

Je suis en cours délaboration de mon site perso et j'ai choisi cette structure CSS pour une sous navigation en liste qui est contenu dans une div qui est sensée se répéter si besoin est. Cela fonctionne sous IE mais pas sous FF Smiley ohwell

Merci pour votre aide

Ma structure CSS :

upload/7437-structureCS.jpg

Sous IE :

upload/7437-oksousIE.jpg

Sous FF :

upload/7437-sousissousF.jpg

Ma CSS :
a écrit :

#body_nav_main {
float: right;
clip: rect(auto,auto,auto,auto);
right: 100px;
background-image: url(../img/images_accueil/nav_droitebody.jpg);
height: 23px;
width: 226px;
background-repeat: repeat-y;
text-decoration: none;
}

#body_nav_main ul, #body_nav_main li {
list-style-type: none;
margin: 0 0 0 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 8px;
text-decoration: none;
}

#body_nav_main li a {
text-align: left;
display:block;
color: #999999;
text-decoration: none;
padding-top: 3px;
padding-right: 33px;
padding-bottom: 3px;
padding-left: 3px;
border-bottom-width: 2px;
border-bottom-style: dotted;
}
#body_nav_main li a:hover, #body_nav_main li.actif a {
color: #333333;
background-color: #D1D1D1;
text-decoration: none;
border-bottom-color: #7E9EFF;
border-bottom-width: 2px;
border-bottom-style: solid;
}

#body_nav_foot {
float: right;
clip: rect(auto,auto,auto,auto);
right: 100px;
background-image: url(../img/images_accueil/nav_droitefoot.jpg);
height: 38px;
width: 226px;
z-index: 0;
}

Modifié par Fonzypix (03 Jul 2006 - 00:12)
Bonjour Fonzypix,

Il manque quelques éléments pour que l'on puisse te répondre. En particulier, tu donnes un code CSS, mais cela ne nous aide pas forcément à savoir comment est construit le HTML auquel est censé s'appliqer la feuille de style. Les CSS fonctionnent conjointement au HTML, et pour résoudre un problème de rendu graphique il faut avoir les deux sous la main.

Le plus efficace est encore la page en ligne, pour pouvoir effectuer des tests en direct live avec les outils adéquats.

Sinon, d'après les captures d'écran, il semblerait qu'il y ait un petit problème de dépassement de flottant.