Le css et les balises Iframe

**scoubi77** · 01/10/2012, 19h32

Bonsoir à tous

J'avais utilisé les iframes avec du css pour centrer un autre site qui avait deux parties (right et left). Et je n'arrive pas à utiliser l'iframe pour faire une séparation en trois parties, afin de rajouter une bannière au dessus pour un autre projet, tout en le centrant grâce au css (le centrage fonctionne pour le right et left pour l'instant)

je voudrais obtenir un découpage comme ceci en iframe

merci à vous tous pour vos conseils et aides

Cordialement

scoubi

**Torgar** · 01/10/2012, 22h21

Bonsoir,

Pourrais-t-on avoir le code HTML et CSS employé s'il te plait ? Nous pourrions plus facilement t'aider dans ton épreuve.

**NoSmoking** · 01/10/2012, 22h28

Bonsoir,
une question me brûle les lèvres, les IFRAMEs sont obligatoires ?

**scoubi77** · 01/10/2012, 22h59

Bonsoir,

Un grand merci pour vos réponses, pour répondre a nosmoking les iframes malgré leur mauvaises réputation représentaient le meilleur moyen technique par rapport a mes maigres connaissances en php car j'ai suivi des exemples reprenant la construction d'une page avec des DIV mais les liens sont en php au sein de cette dernière, de ce fait j'ai donc préféré cette solution.

Voici mon 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
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta name="description" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="image/favicon.ico" >
<title></title>
 
<style type="text/css">
html,body {
  background-color:#FFFFFF;
  height:100%;
  width:100%;
  overflow-y:hidden;
  margin:0;
  padding:0;
}
#page {
  width:1000px;
  margin:1% auto;
  padding:0px;
  height:97%;
  border:1px solid #FFFFFF;
}
iframe {
  height:100%;
  float:left;
  border:none;
  margin:0;
  padding:0;
}
#gauche {
  width:19%;/*  width:170px;/**/
}
#droite {
  width:81%;/*  width:830px;/**/
 
}
#haut {
  width:15%;/*  width:1000px;/**/
}
 
</style>
</head>
<body>
<div id="page">
<FRAMESET ROWS="15%,*">
  <iframe id="haut" name="haut" SRC="bagniere.htm" frameborder="0" scrolling="no"></iframe>
  <FRAMESET COLS="50%,*">
  <iframe id="gauche" name="gauche" src="menu.htm" frameborder="0" scrolling="no"></iframe>
  <iframe id="droite" name="droite" src="nav.htm" frameborder="0"></iframe>
  </FRAMESET>
</FRAMESET>
</div>
</body>
</html>

Hélas pour l'instant je n'ai pas le résultat escompté.
PS :
Pour Togar, j'avais écris mon post avec mon iphone et je vous présente mes plus plates excuses

**NoSmoking** · 01/10/2012, 23h06

attention, tu mélanges iFRAME et FRAME ce qui n'est pas la même chose du tout!

**scoubi77** · 02/10/2012, 07h09

Je sais bien, mais je test et je n'y arrive pas à déclarer le ROWS et COLS afin d'obtenir l'effet visuel recherché.
Je suis beaucoup plus à l'aise avec des FRAMES et je ne trouve pas d'exemples en IFRAMES

repartons donc ici :

Code :

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

1
2
3
4
5
6
7
<div id="page">
 
  <iframe id="haut" name="haut" SRC="bagniere.htm" frameborder="0" scrolling="no"></iframe>
<iframe id="gauche" name="gauche" src="menu.htm" frameborder="0" scrolling="no"></iframe>
  <iframe id="droite" name="droite" src="nav.htm" frameborder="0"></iframe>
 
</div>

je vais essayer dans ce cas de passer en FRAMES dans mon DIV

Merci pour ton aide

Le css et les balises Iframe

CSS

Vue hybride

Discussions similaires

Partager

Partager