problème de header

webide · 22 Mars 2006

Bonsoir,

Jais créé une page en css avec un head fixe mais j'ais un souci avec le header cat dès que j'essaie d'insérer une image ou du texte cela décale tout.

Je vous met le code au cas ou quelqu'un aurait la réponse cela m'aiderait

Dans le head

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> </title>

<style type="text/css">
#printhead {display:block;}
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%; color:#fff;}
#head {position:absolute; margin:0; top:0; right:18px; display:block; width:100%; height:80px; background-image: url(header.jpg);; font-size:4em; z-index:5; color:#000; border-bottom:1px solid #000;}
#background{position:absolute; z-index:1; width:100%;}
#background1{position:absolute; z-index:1; width:467;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 200px 20px 200px;}

p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:100px; left:10px; width:120px; z-index:5; color:#fff; background:#801B11; border:1px solid #ffff00; padding:7px;}
#fixed1 {position:absolute; top:260px; left:10px; width:120px; height:280px; z-index:5; color:#fff; background:#801B11; border:1px solid #ffff00; padding:7px;}
#fixed3 {position:absolute; top:100px; right:30px; width:120px; height:380px; z-index:10; color:#fff; background:#801b11; border:1px solid #ffff00; padding:7px;}
#fixed4 {position:absolute; top:110px; right:30px; width:120px; height:380px; z-index:10; color:#fff; background:#801b11; border:1px solid #ffff00; padding:7px;}

Après le body

<div id="printhead">
</div>

En fin de compte c'est le printhead qui pose problème

Merci d'avance pour l'aide

webide

Ifmy · 22 Mars 2006

Peux tu nous donner le lien vers la page ce sera plus facile pour t'aider

webide · 23 Mars 2006

le site n'est pas encore en ligne. Je vous envoie le code complet de la page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> </title>

<style type="text/css">
#printhead {display:block;}
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%; color:#fff;}
#head {position:absolute; margin:0; top:0; right:18px; display:block; width:100%; height:80px; background-image: url(header.jpg);; font-size:4em; z-index:5; color:#000; border-bottom:1px solid #000;}
#background{position:absolute; z-index:1; width:100%;}
#background1{position:absolute; z-index:1; width:467;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 200px 20px 200px;}

p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:100px; left:10px; width:120px; z-index:5; color:#fff; background:#801B11; border:1px solid #ffff00; padding:7px;}
#fixed1 {position:absolute; top:260px; left:10px; width:120px; height:280px; z-index:5; color:#fff; background:#801B11; border:1px solid #ffff00; padding:7px;}
#fixed3 {position:absolute; top:100px; right:30px; width:120px; height:380px; z-index:10; color:#fff; background:#801b11; border:1px solid #ffff00; padding:7px;}
#fixed4 {position:absolute; top:110px; right:30px; width:120px; height:380px; z-index:10; color:#fff; background:#801b11; border:1px solid #ffff00; padding:7px;}
A.menulink {
position: absolute; top:75px;
float:center;
display: block;
width: 100px;
height:20px;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: 1;
border: solid 1px #000000;
background-color:#ffff44;
}

A.menulink:hover {
border: solid 1px #000000;
background-color:#cc3300;
}

</style>

<script>

/*
CSS Menu highlight- By Marc Boussard (marc.boussard_AT_syntegra.fr)
Modified by DD for NS4 compatibility
Visit http://www.dynamicdrive.com for this script
*/

var ns4class=''
</script>
</STYLE>


</head>

<body>
<div id="printhead">
</div>
<div id="head">
<table border="0" width="75%" cellspading="0" cellspacing="0" align="center">
  <tr align=center>
    <td width="100"><a href="index.php" class="menulink" class=&{ns4class};>Accueil</a></td>
	<td width="100"><a href="annonce/index.html" target="_blank" class="menulink" class=&{ns4class};>Annonces</a></td>
  <td width="100"><a href="galerie1/index.php"  target="_blank" class="menulink" class==&{ns4class};>Galerie</a></td>
  <td width="100"><a href="catalog-trioliste/index.php" target="_blank" class="menulink" class=&{ns4class};>Boutique</a></td>
<td width="100"><a href="contact.php" class="menulink" class=&{ns4class};>Contact</a></td>
	<td width="100"><a href="forum-trioliste/index.php" target="_blank" class="menulink" class=&{ns4class};>Forum</a></td>
  <td width="100"><a href="Liens.php" class="menulink" target="_blank" class==&{ns4class};>Liens</a></td>
  </tr>
</table>


</div>
<div>
<img id="background" src="fond2.jpg" alt="" title="" />
</div>
<div id="fixed"><center>
<b><u>INFORMATION</u></b><br><br>
<a href="membrepass" target="_blank"><font color=#0099ff>Voir son profil<br><br>
Lire ses messages<br><br>
Choisir un avatar</font></a>
<br>
</div>

<div id="fixed1"><center>
<b><u>Sondage</u></b><br>
<?php
/* Include this before your html code */
include "./sondage1/db/poll_cookie.php";
?>
<?php

/* path */
$poll_path = "";

require $poll_path."/include/config.inc.php";
require $poll_path."/include/$POLLDB[class]";
require $poll_path."/include/class_poll.php";
$CLASS["db"] = new polldb_sql;
$CLASS["db"]->connect();

$php_poll = new poll();

/* the first poll */
echo $php_poll->poll_process ("newest");

?>

</center>

</div>



<div id="fixed3"><center>
<u>
membres connectés</u><br>
<IFRAME NAME="IFRAME" FRAMEBORDER=0 STYLE="width:120px; height:380px" SRC="connectes.php"></IFRAME>
<br>

</center>

</div>



<div id="scroller">
<div id="content">

<h1><br><br></h1>

<h3><br></h3>

<h2><center><img src="TRIO.gif"></center></h2>



<font color="#ffffff"></b>


</b>
<p>texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</p>

<br><br>
<table border="1" width="450" cellspadding="5" cellspacing="5" bordercolor="gold" align=center>
<tr>
<td align=left><a href="catalog-trioliste/index.php"><img src="eros.jpg"></a><td>
<td align=center><a href="catalog-trioliste/index.php"><img src="eros1.jpg"></a><td>
<td align=left><a href="catalog-trioliste/index.php"><img src="eros2.jpg"></a><td></tr>
</td></tr>
</table>
<br>
<center>Découvrez notre boutique d´articles en ligne</center>

<BR><br>
<img src="croisiere.jpg" width="250">   <img src="voyage.jpg" width="250">

<p>texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</p>


<center>
<img src="banniere1.gif"><br><br><img src="banniere2.gif"></center>
</div>
</div>
</body>

</html>

webide

Connexion

problème de header

Sujets conseillés

webide

Ifmy

webide

Veuillez vous connecter pour commenter

Parcourir

Activité