Disposition de pseudos-frames
Bonjour à tous,
Je suis Neoforever et suis nouveau sur ce site web.
Je viens de lire le tutoriel pseudos-frames du site, ainsi que le livre css 2 que j'ai achetter dernièrement.
Le problème que je rencontre est le suivant.
Je dispose de 6 pseudos frames nommées comme ci : haut_de_page / menu_principal / contenu / espace_perso / espace_recherche / bas_de_page.
Je souhaiterais centrer tout mon site, de manière a avoir le maximun de compatibilitée côté resolutions.
Pour les frames haut_de_page / menu_principal / bas_de_page, ce n'est pas un problème (centrées dans l'index),
en revanche je souhaiterais placer les frames espace_perso / espace_recherche à la droite de la frame contenu.
Je vous dépose le code css et php de ma page index,en espérant m'être bien exprimer (j'ai créer un schéma sous la forme d'une image jpeg en pièce jointe à ce post. Ce schema décrit comment je souhaite disposer mes pseudo-frames.).
Je vous remercie par avance de l'aide que vous pourez m'apporter.
Neoforever.
Le code php de la page index :
Code:
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
|
<?php @$page=$_GET['page']; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>nom_entreprise</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center><?php
#haut_de_page
echo"<div id='haut_de_page'>";
include("haut_de_page.inc.php");
echo"</div>";
?></center>
<center><?php
#menu_principal
echo"<div id=menu_principal>";
include("menu_principal.inc.php");
echo"</div>";
?></center>
<center><?php
#contenu
echo"<div id='contenu'>";
if(!isset($_GET['page']))
{
include("contenu.inc.php");
}
else
{
if($page==""){include"pages/.inc.php";}
elseif($page==""){include"pages/.inc.php";}
else{include"pages/erreurs/page_inexistante.inc.php";}
}
echo"</div>";
?></center>
<center><?php
#espace_perso
echo"<div id='espace_perso'>";
include("espace_perso.inc.php");
echo"</div>";
?></center>
<center><?php
#espace_recherche
echo"<div id='espace_recherche'>";
include("espace_recherche.inc.php");
echo"</div>";
?></center>
<center><?php
#bas_de_page
echo"<div id='bas_de_page'>";
include("bas_de_page.inc.php");
echo"</div>";
?></center>
</body>
</html> |
Le code css :
Code:
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
|
#haut_de_page {
font-family: "Times New Roman, Times, serif";
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-color: #098098;
background-image: url();
height: 90px;
width: 1000px;
overflow: none;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
#menu_principal {
font-family: "Times New Roman, Times, serif";
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-color: #123456;
background-image: url();
height: 30px;
width: 1000px;
overflow: none;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
#contenu {
font-family: "Times New Roman, Times, serif";
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-color: #543322;
background-image: url();
height: 850px;
width: 800px;
overflow: none;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
#espace_perso {
font-family: "Times New Roman, Times, serif";
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-color: #768876;
background-image: url();
height: 600px;
width: 200px;
overflow: none;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
#espace_recherche {
font-family: "Times New Roman, Times, serif";
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-color: #456343;
background-image: url();
height: 250px;
width: 200px;
overflow: none;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
#bas_de_page {
font-family: "Times New Roman, Times, serif";
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-color: #785555;
background-image: url();
height: 25px;
width: 1000px;
overflow: none;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
} |
PS : N'hésiter pas à me demander des informations complémentaires.
