Discussion :

[samad]

Bonjour,

j'ai besoin de votre aide pour un petit probléme.
Déjà voici la page en question : http://www.vagabond-crew.com/blog/test/

Sous firefox c'est nickel je n'ai aucun probléme mais sous IE le div ( en bordeaux ) est decalé !

Peut être une histoire de float ??


Si vous pouvez m'expliquer où est le probléme ca serait sympa ^^

Code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
body {
    background-image:url(images/bg.jpg);
    margin:Opx;
}
 
#Container {
    position:absolute;
    margin-left:50%;
    left:-450px;
    top:0px;
    width:900px;
    height:700px;
}
 
#Header {
    background-image:url(images/Header.gif);
    left:41px;
    top:0px;
    width:815px;
    height:239px;
}
 
#Page {
    background-image:url(images/PageBG.gif);
    width:815px;
}
 
#PageContent {
    background-color:#990000;
    width:530px;
    padding:0px;
    margin-left:250px;
}
 
#Menu {
    position:relative;
    float:left;
    background-image:url(images/MenuBG.gif);
    width:248px;
    background-repeat:repeat-y;
    padding-right:30px;
    padding-left:30px;
}
 
#MenuFooter {
    left:-30px;
    bottom:-10px;
    position:relative;
    width:248px;
    height:50px;
}
 
#Footer {
    left:41px;
    top:649px;
    width:815px;
    height:51px;
}

Code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="Container">
    <div id="Header">
 
    </div>
    <div id="Page">
            <div id="Menu">
                   fsds<br />
                   dfdfsdf<br />
                   dfdfsdfs<br />
                   <img id="MenuFooter" src="images/MenuFooterBG.gif" width="248" height="50" alt="">
           </div>
           <div id="PageContent">
 
           </div>
     </div>
     <div id="Footer">
        <img src="images/FooterBG.gif" width="815" height="51" alt="">
     </div>
</div>

[samad]

J'ai reussi à regler le probléme du decalage :

Il fallait pas mettre un taille en px pour le pagecontent

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#PageContent {
    background-color:#990000;
    width:XXXpx; ==> width:60%;
    padding:20px;
    margin-left:250px;
}

En le mettant en % ca a fonctionnait mais la j'ai un nouveau probleme justement la taille n'est pas interpreté de la meme facon et j'a ivu que c'était un bug d'IE mais j'arrive pas à le fixer.


Lien : http://www.vagabond-crew.com/blog/test2/

[<romain/>]

tu veux mettre le bloc contenu a côté du bloc menu c'est bien?

Si oui essaie ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
#PageContent {
 
float:left;
 
    background-color:#990000;
    width:530px;
    padding:0px;
 
}
 
#Menu {
    float:left;
    background-image:url(images/MenuBG.gif);
    width:248px;
    background-repeat:repeat-y;
    padding-right:30px;
    padding-left:30px;
}

Normalement ca devrait fonctionner...