28220 sujets

CSS et mise en forme, CSS3

[ PAS RESOLU FINALEMENT] 1 pixel de décallage sous ie mais plu sous ff

Salut à tous. J'ai un petit probleme avec ff (pour une fois lol). Je vous donne le lien ca sera plus simple http://galilandt.free.fr/.

Comme vous pouvez le voir sous firefox ( en tout cas en plein ecran 1024x768), dans le menu de droite, limage "codename : longhorn" est décalée d'un pixel. cela ne se produit que dans certaines dimensions cr avezc un redimmenssionnement le probleme disparait.

le css :

body
{
width: 90%;
margin-right: 5%;
margin-left: 4%;
background-color: #EFEFEF;
font-family: Verdana;
font-size: 12px;
}

img
{
display: block;
}

#conteneur
{
height: 450px;
background-image: url(images/index/menu_droite_back.jpg);
background-color: #FFFFFF;
background-position: right;
background-repeat: repeat-y;
border: 1px solid #D1D1D1;
}

/* MENU ................................................................................................ */

#menu
{
float: right;
width: 150px;
border: 0px;
}


et le html :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>----- customeXPerience -----</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="css_index" href="index.css" />
</head>
<body>
<div id="conteneur">
<div id="head_banniere"><img src="images/index/head_logo1.jpg" alt="www.customeXPerience.com" /></div>
<div id="head_menu"><div id="notification"></div>
<div id="lien_accueil"><a href="http://galilandt.free.fr/"></a></div>
<div id="lien_communaute"><a href="http://galilandt.free.fr/"></a></div>
<div id="lien_telecharger"><a href="http://galilandt.free.fr/"></a></div>
<div id="lien_articles"><a href="http://galilandt.free.fr/"></a></div></div>
<div id="menu"><img src="images/index/menu_codename_longhorn.jpg" alt="longhorn"/></div>

</div>
</body>
</html>


donc si vous voyez d'ou vient ce probleme Smiley cligne
Modifié par galinette (23 Mar 2005 - 16:47)
qu'est que tu entends par probleme d'arrondi ?

edit :

j'ai lu le lien Smiley bawling mais donc comment puis-je faire pour résoudre ce probleme ?
Modifié par galinette (23 Mar 2005 - 15:22)
galinette a écrit :
j'ai lu le lien Smiley bawling mais donc comment puis-je faire pour résoudre ce probleme ?

au lieu de mettre width: 90%; tu l'enlèves et tu met que les marges en px.
margin: 10px 50px; par exemple dans body {}
Nouveau probleme !!

Cette fois ci la fautive est la border que j'applique a mon bloc "conteneur" qui décale le menu mais sous ie lol.

Comment puis-je régler çà ?

edit : si je supprime la border de droite le probleme ne se pose plus mais je veux la garder !!
Modifié par galinette (23 Mar 2005 - 16:50)
passe juste en mode Conforme :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
Sujet clos
Aller à