Bonjour à la communauté.
Je cherche à construire une page html composée de trois cadres centrés dans ma page.
Les cadres supérieurs et inférieurs (bandeaux) doivent rester fixes.
Seul, le cadre du milieu (MainFrame) doit être "scrollable", mais uniquement de manière verticale.
N'étant pas expert en programmation et de loin (merci aux puristes de ne pas m'insulter ), je suis passé par "Dreamweaver 8" et j'ai utilisé le modèle de "jeux de cadres" approprié à mes besoins.
Chaque cadre est arrangé de la même manière :
- 1 tableau de 900 pixels de large, centré sur la page (fond uni noir)
- Les tableaux des cardes supérieurs et inférieurs sont de taille fixe 100 pixels verticaux.
- Seul, le tableau du cadre principal (MainFrame) a une longueur qui évolue en fonction du contenu, tout en restant à 900 pixels de large.
Ci-après mon code (MainFrame) :
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>Document sans nom</title>
- </head>
- <frameset rows="80,*,80" frameborder="no" border="0" framespacing="0">
- <frame src="Top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
- <frame src="MainFrame.html" name="mainFrame" id="mainFrame" title="mainFrame" />
- <frame src="Bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
- </frameset>
- <noframes><body>
- </body>
- </noframes></html>
|
Lorsque je remplis ma page de contenu (MainFrame), un scroll vertical apparaît de manière à gérer le contenu de la page.
Mon soucis est que sous "Firefox", tout se passe bien. J'ai bien mon scroll vertical et cela s'arrête là.
Mais sous IE, c'est une catastrophe.
Non content de me mettre un scroll vertical (normal, celui-là), j'ai un très vilain scroll horizontal qui apparaît entre le cadre MainFrame et celui du bas.
J'ai essayé diverses manipulations pour me débarrasser de ce scroll horizontal et là, c'est l'escalade.
En "jouant" sur le code suivant dans le MainFrame avec l'argument scrolling="auto" les choses s'inversent !!!
Cette fois, tout est OK sous IE et le scroll horizontal apparaît sous Firefox !!!
Code :
- </head>
- <frameset rows="80,*,80" frameborder="no" border="0" framespacing="0">
- <frame src="Top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
- <frame src="MainFrame.html" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="auto" />
- <frame src="Bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
|
Existe-t-il un code pour arriver à mes fins et mettre les deux navigateurs d'accord en ne faisant apparaître seulement que le scroll vertical sur le MainFrame ?
Comment faire ???
Je désespère avec ce truc de Fou qui n'est, peut-être, que finalement tout simple pour quelqu'un de plus calé que moi...
Merci de vos lumières,
Bien cordialement,
Super Guigui.
Message édité par Super Guigui le 19-12-2005 à 15:20:53
---------------
De toutes les aberrations sexuelles, la pire est la chasteté. Anatole France.