transformer des FRAME en DIV

**debutanteVB.NET** · 09/01/2009, 14h11

Bonjour,

Je viens de reprendre un site formé uniquement de Frames.
L'indexation Google se fait donc mal.

Je souhaite donc transformer les frames en div.

Code :

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

1
2
3
4
5
6
7
<frameset rows="*" cols="191,*" frameborder="NO" border="0" framespacing="0">
  <frame src="Accueil%20cadre%20gauche.htm" name="leftFrame" frameborder="yes" scrolling="NO" noresize>
  <frameset rows="111,*" cols="*" framespacing="0" frameborder="NO" border="0">
    <frame src="Accueil%20cadre%20haut.htm" name="topFrame" frameborder="yes" scrolling="NO" noresize bordercolor="1">
    <frame src="Accueil%20cadre%20centre.htm" name="mainFrame" frameborder="yes">
  </frameset>
</frameset>

Je les ai donc remplacé par:

Code :

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

1
2
3
4
5
6
7
8
9
 echo ' <div id="menu" >'	;
    //include("Accueil cadre haut.htm");
 echo '</div>';
 echo ' <div id="bandeau" >';
     //include("Accueil cadre gauche.htm"); 
  echo ' </div>'; 
  echo ' <div id="contenu">';
    // include("Accueil cadre centre.htm");
  echo '</div>';

et une css:

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
div {
	text-align:center;
	}
div#menu {
	width: 10%;
	float: left;
	height:95%;
	}
 
div#bandeau {
	height: 10%;
	width: 87%;
	float: left;	
	}
 
div#contenu {
	float:left;
	width:87%;
	height:85%;
	overflow:auto;
	}

Tout va bien jusqu'au moment où j'enlève les commentaires aux include.

Mes pages depassent finalement des div et ça ne ressemble plus rien.
(j'ai enlevé les <header><body> des pages à inclure).

Le problème est qu'il y a plein de div à l'intérieur des pages, ils ont l'air d'avoir tout fait à la dreamweaver....

Comment fait on pour include proprement dans une div des pages pour que celles ci soient contenues dans les div sans dépasser.

Merci d'avance

**c_s_s** · 09/01/2009, 14h15

Bonjour,

Il n'y a pas de recettes miracles, c'est du cas par cas.

Il va te falloir de la patience pour épurer le code et enlever ce qui n'est pas indispensable.

Au passage, profite-en pour enlever les espaces présents dans les noms de fichiers, c'est préférable.

Bon courage.

**debutanteVB.NET** · 09/01/2009, 14h43

Merci pour ta réponse rapide.

Au niveau des espaces, c'est crade... mais bien que l'indexation soit mal faite, si je change tous les noms des fichiers, on perd l'ancienneté du site et le peu d'indexation qui s'en ai faite, ainsi que tous les liens mis en favori...non?

C'est vrai que le fait de passer en .php c'est la même galère... mais je vois pas trop d'autres solutions...

Je ne comprends pas bien le fait que ce qui est contenu dans le div, puisse dépasser du div... l'utilisation de tableau n'est pas le bienvenu non plus pour la mise en page...

J'ai du mal à savoir comment chiffrer le nombre de jours pour transformer ce site... je pensais qu'en remplaçant les liens et les frame par des div ça allait être rapide...

L'astuce c'est quoi? prendre page par page et refaire la mise en page pour que ça contienne dans le div?

Merci en tout cas

**c_s_s** · 09/01/2009, 14h48

L'astuce, tout dépend de des pages et du code.

Tu peux devoir tout restructurer comme tu peux n'avoir qu'à modifier 2 ou 3 lignes de la feuille de style pour que le contenu tienne dans les "div".

Tu as des pages en ligne pour nous montrer un exemple ?

**debutanteVB.NET** · 09/01/2009, 15h10

Non c'est un site intranet

Pour te donner un exemple, dans une des pages à inclure j'ai:

Code :

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

1
2
3
4
5
6
7
8
9
10
<div id="Layer3" class="Style4" style="position:absolute; width:159px; height:33px; z-index:10; left: 140px; top: 76px;">
	<a href="http://pointproduction" target="_blank"><img src="../NEWS%20IMAGES/titre.gif" width="160" height="30" border="0">
	</a> 
</div>
<div id="Layer6" style="position:absolute; width:200px; height:115px; z-index:7; top: -26px; left: 0px;">
	  <div id="Layer8" style="position:absolute; width:147px; height:35px; z-index:1; left: 560px; top: 99px;">
		  <a href="../POPUP/Historiquepopup.htm" target="mainFrame"><img src="../NEWS%20IMAGES/titrepopup.gif" width="133" height="30" border="0">
		  </a>
	  </div>
</div>

Il y a des div absolutes de partout!
Le site contient 50 pages plus ou moins....

Je sens que ça va être pationnant comme boulot

Je pense que je vais enlever les absolute left top... ou juste modifier les left par le chiffre plus la taille de la div de menu... ou je ne sais pas quelle autre astuce ou calcul savant pour ne pas devoir tout repenser...

quelle idée d'avoir fait un site comme ça! si j'attrape le gars qui a dit:"je sais faire un site, je m'en occupe..." je lui apprendrai à vivre! lol