positionement div pas le même sous firefox et explorer

**speedylol** · 06/10/2006, 11h57

bonjour débutant dans le css j'aimerais avoir l'aide d'un expert sur ce point, suivant le navigateur utiliser le design css change et j'aurais aimé qu'il reste pareile seriez vous m'aidé svp a comprendre et a modifier ce code .Un grand merci.

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style TYPE="text/css">
BODY {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #D3E6FF;
scrollbar-base-color: #3D58A5;
scrollbar-face-color: #395294;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
}
#haut {
	position: absolute;
	background:#fff000;
	width: 794px;
	height:96px;
	border:1px dashed #000;
	padding: 0px;
	left: 8px;
	top:10px;
   }     
 
#gauche {
	position: absolute; 
	width: 150px;
	height: 400px;
	border:3px solid #000;
	left: 8px;
	top: 110px;
   }
#frame {
	position: absolute; 
	width: 150px;
	height: 400px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	border:3px solid #000;
	left: 652px;
	top: 110px;
}  
#center {
	position: absolute;
	background:#fff000;
	width: 477px;
	height:400px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	border:1px dashed #000;
	padding: 0px;
	left: 165px;
	top: 110px;
   }
#bas {
	position: absolute;
	background:#fff000;
	width: 794px;
	height:30px;
	border:1px dashed #000;
	padding: 0px;
	left: 8px;
	top:515px;
   }     
 
//--></style>
</head>
<body>
<div id="haut">haut</div>
<div id="gauche">gauche</div>
<div id="center"> hella</div>
<div id="frame"> laaaaaa</div>
<div id="bas">bas</div>
</body>
</html>

**Bisûnûrs** · 06/10/2006, 12h10

Tout d'abord, enlever :

Code :

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

1
2
3
4
5
6
7
8
BODY {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #D3E6FF;
scrollbar-base-color: #3D58A5;
scrollbar-face-color: #395294;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
}

Et puis tout en position absolute .... pourquoi pas hein.

Rajoute au début de ton code CSS, on ne sait jamais :

Code :

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

1
2
3
4
*{
   margin:0;
   padding:0;
}

De plus, mets le DOCTYPE complet :

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

**speedylol** · 06/10/2006, 12h29

sorry je début la dedans et je encore de grosse lacune en css car je debut ci-cela est bon dis le moi et les autre chose a changer, j'aurais aimé mettre le cadre centrale faire des arrondi au coin auriez vous une idée svp???

**Bisûnûrs** · 06/10/2006, 12h31

Les coins arrondis en CSS ne fonctionnent qu'avec Firefox.

Ou alors tu fais des images.

**speedylol** · 06/10/2006, 12h42

Merci de tes réponse cela est sympa aussi non en générale mon code est bon en générale stp???

**trotters213** · 07/10/2006, 12h45

je ne suis un expert en CSS ni HTML mais j'ai 2 ou 3 trucs :

mettre les balises et attributs en minuscules

respecter les standards

fermer une balise ouverte (même les br : <br />)

indenter son code (c'est pas indispensable mais ça rend le code plus lsisible)

séparer la forme du contenu (donc utiliser des CSS plutôt que de mettre les styles dans le code HTML)

Pour vérifier si ton code est bon (syntaxiquement par contre sémantiquement c'est à toi de le voir) tu peux le faire sur le validateur HTML du W3C pour le code HTML et sur le validateur CSS du W3C pour les feuilles de styles CSS.

positionement div pas le même sous firefox et explorer

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager