Problème de dimentions

Résolu
Synapse -  
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'ai créé un fan site pour Dofus en html et css. J'ai des problèmes de dimension avec mes cadre sous mozilla or avec EI tout fonctionne correctement.

Pouvez vous m'aidez?

Lien : http://www.dofuslight.be

définition: Page = Premier cadre (le plus grand)
header = L'emplacement de la bannière
menu = Menu du dessus
bloc = lieu principale (cadre à droit)
menu_gauche=Menu gauche (cadre de gauche)
CSS:

body {
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:0.7em;
font-family:Verdana, Trebuchet MS, Tahoma, Helvetica, Sans-serif;
background: #dea ;
}

#page {
height: 100% ;
width: 95%;
margin-left: auto;
margin-right: auto;
border: 2px solid #ab4 ;
background: #fff ;
background: #dea ;
} h1#header
{
background:url('interface/banniere.png') no-repeat;
height: 260px;
background-position: center top;
}

ul#menu
{
height: 25px ;
margin-top: -70px ;
margin-left: 0;
float:right;
padding: 0 ;
background: url(interface/bg_menu.gif) repeat-x 0 -25px ;
list-style-type: none ;
}

ul#menu li
{
float: right ;
text-align: center ;
}

ul#menu li a
{
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-left: 2px solid #dea ;
}

ul#menu li a:hover
{
background: url(interface/bg_menu.gif) repeat-x 0 0 ;
}

ul#bloc {
height: 100% ;
width:75%;
float:right;
margin-right: 1%;
margin-top: -30px;
text-align:left ;
border: 2px solid #ab4 ;
background: #fff ;
}

div#menu_gauche {
position: absolute;
background-position: left-top;
width:200px;
margin-left: -2px;
margin-top: -30px;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}

#menu_gauche h2 {
color:#1187CB;
text-transform:uppercase;
font:normal 1.3em Verdana, Sans-serif;
}

#menu_gauche ul {
list-style-type:none;
margin-left:20px;
width:125px;
}

#menu_gauche a {
border-bottom:1px dotted #CCCACA;
height:20px;
display:block;
padding:15px 0 0 10px;
text-decoration:none;
color:#535252;
}
#menu_gauche a:hover { text-decoration:underline; }

7 réponses

le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
salut!

Si sous IE tout fonctionnes, mais pas sous Firefox, c'est que ton site ne marches pas. IE fait n'importe quoi. (5/100 au test acid3) alors que firefox à 71/100.

Je dis ça...

Sinon, c'est quoi qui s'affiche mal? Tu pourais faire un screen shot, et mettre des annotation avec Paint??

puis poster ton image ici?


Aussi, je me permet de dire que ta page contient 153 érreurs. voir ici
1
Synapse
 
Avec IE:
http://www.cijoint.fr/cj200905/cijRFbO63S.jpg

-Le menu gauche est décalé, il devrait etre plus à gauche et ne pas rentrer dans le bloc d'instruction.

Aussi non c'est parfait

Avec Mozilla:
http://www.cijoint.fr/cj200905/cijg9SdnAe.jpg

-Le menu gauche est décalé, vers le haut et vers la droite;
-Les inscriptions du menu gauche sont à droite;
-Le cadre principale (ce qui doit tout encadrer) n'encadre pas tout;
-La bannière (image du dessus) n'est pas mis vers le haut;

--------------------------------------------------------------------------------

J'ai cherché à résoudre mes problèmes mais, je n'ai pas trouvé.

Ps les 153 Err, ou elles sont ^^

Merci de m'aider, c'est gentil
0
Synapse
 
Pour les 153 Err c'est bon j'ai vu dsl

^^

Mais le reste, sa reste un problème pour moi
0
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
Ok!

je vais voir ce que je peux faire!

mais avant, il te faudrait corriger les érreurs. Jusque ce que le verificateur de W3C te disent qu'il n'y en a plus du tout. (comme ici)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
Voilà : http://www.cijoint.fr/cj200906/cijpjHsyz6.zip

C'est un fichier ZIP dans lequel j'ai mis les fichier index.html, index.css et l'image de fond de haut.

Sur le fichier index.html : j'ai modifié quelques trucs, si tu utilises un éditeur de texte que met les couleurs, ce sera affiché en bleu.

entre les " <!-- ... -->.

Un truc important : La liste des choses devant les "NEWS" qui clignotent, j'ai fais une liste (avec ul et li) je l'ai ensuite décalé vers la droite puis vers le haut, pour qu'il soit au même niveau que le "NEWS". Tous les navigateurs (Firefox, Opera, Chrome, Safari...) l'affichent au bon endroit, mais pas Internet explorer...)

J'ai modifié et un peu optimisé le fichier CSS.

L'image de fond fait 500 kilo-octets. C'est énorme pour une image de fond. Je l'ai un peu optimisé aussi. Maintenant, elle fait 250Ko. C'est encore beaucoups, mais c'est mieux.


En espérant t'avoir aidé.
0
synapse
 
Merci beaucoup , pour le reste je me débrouillerai .

Synapse
0
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
De-rien!

Bonne continuation!
0