bonjour,
initié depuis peu aux css, je rencontre un petit probleme concernant ma
mise en page.
Mon footer se place correctement lorsque je contole ma page par f12 (sans que le navigateur tienne compte de l'introduction de l'ASP).
Mais dès que je le consulte en ligne mon asp s'affiche mais plus de footer.
quelqu'un aurait il une solution.
merci
bonjour et merci
voici une capture d'ecran upload/3112-essai01.jpg

la page affiché ci-dessus correspond à l'aperçu off-line sur ie (ce qui fait qu'il ne tient pas compte de l'inclusion du code asp). Par contre quand je le visualise on-line avec l'asp, ma page s'affiche correctement dans "page affiche" elle interprete bien l'asp mais mon footer n'apparait plus.

voici le code de ma page avec l'asp.


<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
@import url("style/cma30.css");
-->
</style>
<script type="text/javascript" src="style/p7popmenu.js"></script>
<style type="text/css" media="screen">
<!--
@import url("style/p7pmv10.css");
-->
</style>
</head>
<body onload="P7_initPM(0,10,1,-20,10)" marginwidth="0" marginheight="0">
<div id="conteneur">
   <div id="header">
       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=   "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="99">
  <param name="movie" value="flash/bandeau.swf" />
  <param name="quality" value="high" />
  <embed src="flash/bandeau.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"    width="760" height="99"></embed>
       </object>
   </div>
   <div id="contenu">
     <div id="menugauche">
       <img src="images/image_01.jpg" alt="Your link can go here" width="302" height="211">
    <ul id="p7PMnav">
    <li><a href="accueil_fr.asp?rep=pages&id=suivre.asp">Suivre une formation</a></li>
    <li><a href="#" class="p7PMtrg">Vos collaborateurs<br />
                                    suivent une formation</a>
        <ul>
          <li><a href="#">Link 2.1</a></li>
          <li><a href="#" class="p7PMtrg">Link 2.2</a>
              <ul>
                <li><a href="#">Link 2.2.1</a></li>
                <li><a href="#">Link 2.2.2</a></li>
                <li><a href="#">Link 2.2.3</a></li>
              </ul>
          </li>
          <li><a href="#">Link 2.3</a></li>
        </ul>
    </li>
    <li><a href="#" class="p7PMtrg">Embaucher</a>
        <ul>
          <li><a href="#">Link 3.1</a></li>
          <li><a href="accueil_fr.asp?rep=pages&id=embaucher.htm">Link 3.2</a></li>
          <li><a href="#">Link 3.3</a></li>
        </ul>
    </li>
    <li><a href="#">Investir, Exporter,<br />
                    Promouvoir votre Ets.</a></li>
    <li><a href="#">Devenir Maître artisan</a></li>
    <li><a href="#">Notre CFA des Métiers</a></li>
    <li><a href="#">Votre déchetterie</a></li>
    <li><a href="#">Recevoir un extrait du<br />
                    répertoire des Métiers</a></li>
    <!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;float:left;clear:both;width:100%}</style>
    <![endif]-->
    <!--[if IE 6]><style>#p7PMnav li{clear:none;}</style><![endif]-->
  </ul>
  
</div>

   <div id="nav_ht">
     <img src="images/actualite.gif" />
   </div>
   
   <div id="pageaffiche">
<%
'response.expires=0
response.buffer=true
enablesessionstate=false
'====================================================
'			Définitions des options à afficher
'====================================================
Dim AllowContenu
'Autorise ou non l'affichage du contenu oui=1 non=0
AllowContenu = 1

'====================================================
'			Lecture des informations transmises
'====================================================
id= Request.QueryString("id")
rep = Request.QueryString("rep")
' répertoire par défaut
if Rep="" then 
	rep="\Intro"
else
	rep="\"+rep
end if
if id="" then
	id= "\presentation.asp"
else
	id="\"+id	
end if
'====================================================
'			Envoi des pages vers le navigateur
'====================================================
Application.Lock
SET FicInput = Server.CreateObject("Scripting.FileSystemObject") 
	response.flush
	'====================================================
	'      ici s'affiche les pages de contenu
	'====================================================
	if AllowContenu = 1 then
		' ICI s'affiche les pages de contenu
		PathFmt=Server.MapPath ("pages_fr")+Rep+id
		Call Envoie_Nav( PathFmt)
	end if
'====================================================
Set FicInput = nothing
Application.Unlock
response.end	
'====================================================
'	Routine de lecture et d'envoi en ligne
'====================================================
Sub Envoie_Nav(Fichier)
'response.write(Fichier)
Set RST_Fichier = FicInput.OpenTextFile(PathFmt,1)
Ligne = RST_Fichier.ReadAll
response.write(Ligne)
RST_Fichier.close
set RST_Fichier=nothing
End Sub
'====================================================
%>
  </div>
</div>
<div id="footer"></div>
</div>  
</body>
</html> 


ainsi que le css correspondant a la page (un autre correspond au menu)


*{
    padding: 0;
    margin: 0;
}
body {
	background-color: #cccccc;
    text-align: center;
}
#conteneur {
	position: relative;
	width: 978px;
	height: 630;
	text-align: left;
	background-color: #790f18;
	background-image: url(../images/fd_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
}
#header {
	width: 978px;
	height: 99px;
	background-color: #790f18;
	text-align: right;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
#contenu {
	background-color: #790f18;
	width: 978px;
	height: 535px;
    background-image: url(../images/fd_page.gif);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: top;
}
#menugauche {
	background-color: #790f18;
	width: 302px;
	height: 100%;
	position: absolute;
	text-align: left;
	top: 99px;
	left: 0px;
	background-image: url(../images/fd_menu.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 13pt;
	background-repeat: repeat-y;
}
#nav_ht {
	background-color: #790f18;
	width: 676px;
	height: 28px;
    margin-left: 302px;
}
#pageaffiche {
	background-color: #790f18;
	width: 676px;
	height: 250px;
	margin-left: 302px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
}
#footer {
	background-image: url(../images/fd_footer.gif);
	clear: both;
	height: 21px;
	width: 978px;
	position: absolute;
	background-repeat: no-repeat;
	vertical-align: bottom;
	z-index: auto;
} 


merci encore de bien vouloir vous pencher sur ce sujet et excusez moi pour la mise en forme précédente
Modifié par bragon (26 Aug 2005 - 13:08)