Centrage de div

**scoubi77** · 19/12/2011, 16h50

Bonsoir,

Je tourne en rond, voici mon problème.
Je voudrais centrer un menu et un contenu (anciennement une frame en html ) avec du css (je viens du html et je début en css et c'est pas simlple !!!)

j'ai donc commencé a déclarer un fichier en css dont voici le code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
div#menu {
	float:left;
	width:100px;
	height:400px;
	background-color:#FF6699;
	}
div#contenu {
	float:left;
	width:500px;
	height:400px;
	background-color:#FFCC00;
	}

J'obtiens un espace pour le menu et un autre pour le contenant
et j'ai donc écris un fichier en html dont voici 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
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>centrage CSS</title>
</head>
<body>
 
 
	<div id="menu">Ceci est le menu</div>
	<div id="contenu">Ceci est le contenu</div>
 
 
 
</body>
</html>

je voudrais en fait centrer mon menu et contenu au centre de la page !!!
ça à l'air pas compliqué et pourtant !!!!

en deuxième lieu je voudrais trouver un moyen d'avoir un site qui en quelque sorte s'adapte a la résolution du visiteur ( je sais par expérience en html que c'était pas simple ) j'ai cru lire que avec des pourcentage à la place de px mais c'est pas claire pour moi

Merci par avance a tous ceux qui pouront m'apporter réponse

Amicalement scoubi77

**Torgar** · 19/12/2011, 17h36

Bonjour,

Code css :

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

1
2
3
4
5
#page {
    width: 70% /* prend 70% de la largeur de la résolution du visiteur */
    margin-left: auto;
    margin-right: auto;
}

Code html :

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

1
2
3
4
<div id="page">
    <div id="menu">Ceci est le menu</div>
    <div id="contenu">Ceci est le contenu</div>
</div>

Voir FAQ CSS

Ensuite en ce qui concerne l'adaptation du site à la résolution tu peux t'orienter vers ce sujet qui en parle déjà.

**scoubi77** · 19/12/2011, 18h18

Merci
Par contre je tourne en rond depuis 2 heures comment afficher
dans mon code html mes frames ?

Code :

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

1
2
3
4
<div id="page">
    <div id="menu">Ceci est le menu</div>
    <div id="contenu">Ceci est le contenu</div>
</div>

je ne peux plus du fait utiliser comme jadis en html avec les frames target="" pour afficher une page

Code :

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

<A HREF="droite.htm" target="contenu" >Accueil </A>

**Emyleen** · 20/12/2011, 10h22

Bonjour,

Je ne comprends pas ce que tu veux faire, tu veux afficher le contenu de ta <div id="contenu">?

Car si tu veux mettre à jour ta div sans recharger la page, il te faut te tourner vers de l'ajax je penses

**scoubi77** · 20/12/2011, 13h54

Bonjour,

Essayant de me mettre un peu à la page, j'ai donc
Suprimer les frames et remplacé par des divs,
Tuto dailleur sur le site de ce merveilleux forum.
Maintenant comment effectivement faire afficher dans ce div
Les différentes pages qui peuvent être appelées par mon
Menu ?
Merci par avance de votre réponse
Amicalement scoubi77

**Torgar** · 20/12/2011, 14h09

Mise à part faire des includes() en PHP ou même passer par de l'AJAX comme dit par Emyleen y a pas d'autres solutions sans iframe/frame.

Comment gères-tu ton contenu ? (base de données, fichiers html/texte, etc.)

Centrage de div

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager