Discussion :

[wikipierre]

Bonjour,
J'ai des bug dans mon css. Voila le code :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
 
body 
{
    background-color: #FFFFFF;
    font-family: 'Times New Roman';
    font-size: 13pt;
    color: Black;
}
 
A:link
{
    text-decoration: underline;
    color: Black;
}
 
A:over
{
    text-decoration: none;
}
 
#container
{
    width: 100%;
    height: 100%;
 
    position: relative;
    background-color: White;
 
    margin: 0;
    padding: 0;
}
 
#menu
{
    width: 20%;
    height: 80%;
    /* border-top: solid 1px black;
    border-bottom: solid 1px black;*/
    border-right: solid 1px black;
    background-color: #0000FF;
    color: White;
    position: fixed;
    float: left;
    padding: 5px 0 0 5px;
    margin: 0;
}
 
#menu a
{
    color: White;
    font-weight: lighter;
    text-decoration: none;   
}
 
#menu a:hover
{
    font-weight: bold;
    text-decoration: underline;  
}
 
#contenu
{
    width: 80%;
    height: 80%;
    background-color: White;
    position: absolute;
    float: right;
    /* border-right: solid 1px black; */
    /* border: solid 1px black; */
    padding: 0 0 0 5px;
    margin: 0;
}
 
#frontBar
{
    width: 100%;
    height: 10%;
    background-color: White;
    /* border-bottom: solid 1px black;     */
    position: fixed;
        padding: 0;
    margin: 0;
 
}
 
#copyright
{
    height: 3%;
    width: 100%;
    background-color: #0000FF;
    margin-top: 0%;
    color: White;
    text-align: center;
    font-size: 13pt;
    /* border-top: solid 1px black; */
    /* border: solid 1px black; */
        padding: 0;
    margin: 0;
}
 
#coordone
{
    height: 2%;
    width: 100%;
    background-color: Black;
    border-bottom: solid 1px black;
    margin-top: 0%;
    color: White;
    text-align: center;
    position: relative; 
    font-size: 11px;
        padding: 0;
    margin: 0;
 
}
 
/* PageError */ 
 
#containerError
{
    height: 100px;
    width: 300px; 
    border: solid 1px black;  
}
 
#nameError
{
    height: 20px;
    width: 100%;
    border-bottom: solid 1px black;
    /* margin-top: 0px; */
    padding: 5px 5px 5px 5px;
    background-color: #F1F1F1;
}
 
#nameError p
{
    padding: 0 0 0 20px;
    background: #F1F1F1 url(img/failed.gif) no-repeat;    
}
 
#descriptionError
{
    height: 100%;
    width: 100%; 
    padding: 3px 3px 3px 3px;
}
 
/* Autre */
 
.warning
{
    color: Red;
    font-weight: bolder;   
}
 
.table
{
    color: Black;
    border: solid 1px black;   
}
 
.title
{
    color: Black;
    text-decoration: underline;   
    font-weight: bold;
}
 
.sousTitle
{
    color: Black;
    text-decoration: underline;   
    font-style: italic;
}

J'aurais besoin de votre aide.
Voila les bug :

1. J'ai mis 100 % pour le height et pour le width. Ca marche pour le width mais pas pour le height. C'est a dire que mon Div s'allonge en largeur mais pas en hauteur.

2. De temps en temps la bare coordoné disparait partielement sous la copyright.

3. Souvent le copyright enpiéte sur le contenu du site.

J'espere que vous pourrez m'aider.

Merci énormément

[Eric Berger]

Salut,

Essaie de mettre uniquement la partie de ton code qui concerne ton problème, et mets aussi les bouts de HTML concernés...

Merci

[wikipierre]

Salut,
Voila le code HTMl :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
        <div id="container">
            <div id="frontBar">
            </div>
            <div id="menu">
                </div>
            <div id="contenu">
            </div>
            <div id="coordone">
            </div>
            <div id="copyright">
            </div>
        </div>

Donc voila, par conte je ne sais pas vraiment d'ou vient le problème.

[IdF-Socrateus]

le problème d'utiliser 100%, c'est que s'il y a des bordures ou des marges, elles s'ajoutent (en + !), d'où des bugs d'affichage...

et puis faudrait que la somme fasse 100% si tu veux que ça tienne dans la page : container (100%) = frontbar (10%) + menu (80% - c fait exprès ?) + contenu (80%) + coordone (2%) + copyright (3%) ==> 175%.
Et si ce n'est pas censé tenir sur une page, pourquoi ne pas contraindre en largeur, et mettre height:auto pour le contenu ? (tu peux toujours faire un bandeau fixe en haut et en bas...)
Sinon il est utile de prendre l'habitude de ne pas changer l'ordre de height et width, histoire de ne pas se tromper dans les valeurs de l'un et de l'autre...

[kahya]

pour le height 100% il me semble que ton objet doit etre contenu dans quelque chose (par exempleune cellule) qui doit avoir un height defini (et pas en %), car pour lui tu lui demande de se mettre a 100% de <taille inconue>. En width il sait faire mais en height il lui faut une taille de référence il me semble hin. Je sais pas si c'est très clair ce que je dis

[IdF-Socrateus]

mmh..
je suis pas sûr à 100% (...), mais ça prendrait pas la taille de l'écran par défaut, par héritage justement ?

..::Vive le Sud !::..

[kahya]

c'est possible, mais il me semblai avoir lu ça quelque part et j'ai eu le meme soucis aussi, obligée de contourner le probleme, en donnant une height en % il n'en tenait pas compte