28172 sujets

CSS et mise en forme, CSS3

Image vertical en position absolue

Bonjour,

J'ai un petit probléme. Je voudrait mettre de la pub verticalement sur cette page de mon Forum : http://omairi.fr/prepub/Ikigami/index.html et qu'elle soit tous le temps sur la page.

Donc j'ai fait une class css dans le fichier /tpl/omairiv2/main.css :


 #pub
{
	position:absolute;
	top:0px;
	left:1120px;
	width:120px;
	height:600px;
}


Puis voila le code de ma page : 

<html>


<head>

<title>Ikigami extrait [ Asuka ] IKIGAMI © Motoro Mase / Shogakukan Inc.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="tpl/omairiv2/main.css" />

<style type="text/css">
<!--
body {
	background-color: #FFF2CB
}
-->
</style></head>

<body>

<table width="100%"  border="0" cellspacing="0" cellpadding="10">
  <tr>
    <td align="center" valign="middle">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="800" height="600">
      <param name="movie" value="flippingBook.swf">
      <param name="quality" value="high">
      <param name="scale" value="noscale">
      <param name="bgcolor" value="#FFF2CB">
      <embed src="flippingBook.swf" width="1000" height="714" quality="high"  bgcolor="#FFF2CB"  flashvars="xmlConfig=config.xml" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
    </object><div id="pub"><script type="text/javascript"><!--
google_ad_client = "pub-3199829280635167";
/* 120x600, date de création 28/04/09 */
google_ad_slot = "7132163746";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
</td>
  </tr>
</table>
<center><i>IKIGAMI © Motoro Mase / Shogakukan Inc</i></center>
</body>
</html>


Où est mon probléme ?

Merci d'avance
Bonjour,

Que voudrais-tu exactement? Que l'image (bandeau publicitaire) reste toujours visible dans la page, y compris lorsque l'on fait défiler la page? Si c'est le cas, alors il ne faut pas utiliser le positionnement absolu, mais le positionnement fixe.

Si ton problème est différent... il va falloir l'expliquer correctement car pour l'instant c'est loin d'être clair, et le paragraphe ci-dessus ne représente qu'une vague supposition. Smiley ohwell
Oui je veut que l'image reste toujours visible donc qu'elle reste fixe.

Merci en tous cas de ta réponse.
Lim a écrit :
Oui je veut que l'image reste toujours visible donc qu'elle reste fixe.

Donc: utiliser le positionnement fixe (position: fixed). Deux avertissements:
1. Pas compatible IE6. Il faudra traiter cette version en dégradation gracieuse. Par exemple, via un commentaire conditionnel, on pourra déclarer du positionnement absolu plutôt que fixe pour IE6.
2. Le maniement du positionnement fixe n'est pas toujours évident. Bien se documenter et faire des tests. Smiley cligne
Sujet clos
Aller à