Avant que n'existe le CSS, on utilisait les frames afin de diviser une page en plusieurs parties. Cela permettait notamment de ne pas recharger l'intégralité de la page à chaque fois.
Avec le CSS, j'ai donc remplacé mes frames par des div et comme le montre le code suivant, j'ai trois partie dans ma page. La première contient le bandeau, dans le deuxième (element1) j'affiche la page "Ensemble 1.htm" qui contient les informations que je veux afficher et troisième div qui contient le pied de page.
Le CSS associé à mes pages est le suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <body> <div id="sbody"> <div id="bandeau"><center><img src="Habillage/Entête%202.jpg" width="879" height="175" /></center></div> <div id="element1"><object data="Ensemble 1.htm" type="text/html" width="890" height="600" align="middle"></object></div> <div id="piedpage"><center><img src="Habillage/Pied de page2.jpg" width="890" height="53" /></center></div> </div> </body>
Tout fonctionne bien en dehors du fait que la page "Ensemble 1" qui s'affiche dans element1 est décalée par rapport au bord du bloc comme s'il y avait un padding alors que comme vous pouvez le voir, ce n'est pas le cas. J'ai beau tourner le pb dans tous les sens, je ne vois pas comment faire.
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 div#bandeau { width: 890px; height: 175px; margin-left: 45px } div#element1{ margin-left: 45px; padding: 0; } div#piedpage { clear:both; width:890px; height:53px; background-color:#33FF99; margin-left: 45px; }
Je pense toutefois que c'est lié à la fonction <objet> car si je met des div plus classique je n'ai pas ce décalage.
Si quelqu'un avait une idée, ce serait super sympa.
Merci d'avance,
Bon développement à tous
Partager