Problème balise div

Répondre
universdupc
le 24/01/2006 à 09:04
universdupc
SAlut !

Voilà j'ai un problème vraiment très chiant et je n'arrive aps a savoir pkoi j'ai se problème surtout que ca ne semble pas du totu logique.

Tout d'abord je vais vous mettre le code de la page concerné :

<?php
session_start();
include("configuration/fonction.php");
if (!isset($_SESSION['membre_login'])) {
header ('Location: index.php');
exit();
}
?>
<html>
<title>Office gestion</title>
<head>
<LINK REL=stylesheet TYPE="text/css" HREF="stylecss\style.css" media="screen" title="Normal">
</head>

<body>
<br>
<div id="conteneur">
<h1>/ OFFICE GESTION</h1>
<table width="100%">
<tr>
<td>
<!-- WebMenu JavaScript code -->
<script type="text/javascript" src="javascript/fs-webmenu.js"></script>
<!-- WebMenu styles -->
<style>
/* Do not change. Hidden submenus require this. */
.wmSubMenuHidden {position:absolute;visibility:hidden;}

/* horizontal menu styles */
.hItemOn {width:90px;margin:0px;padding:3px 2px 4px 2px;background:#F5F8FC;border:0px solid #ffffff;cursor:pointer;}
.hItemOff {width:90px;margin:0px;padding:3px 2px 4px 2px;background:#F5F8FC;border:0px solid #ffffff;cursor:pointer;}
</style>

<!-- horizontal menu -->
<!-- submenu - visible, wrapper table is here for horizontal alignement only -->
<!-- --------------------------------------------------------------------------------------- wmItemOn(item, level, styleOn, styleOff, submenuId, submenuPosition) -------------------------- -->
<table align="left" cellpadding="0" cellspacing="0">
<tr>
<td><div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,0,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">Fichier</div></td>
<td><div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,0,'hItemOn','hItemOff','hSubmenu1',WM_BOTTOM);" onMouseOut="wmStartOffTimer();">Fichier &raquo;</div></td>
<td><div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,0,'hItemOn','hItemOff','hSubmenu2',WM_BOTTOM);" onMouseOut="wmStartOffTimer();">item level 0 &raquo;</div></td>
<td><div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,0,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 0</div></td>
</tr>
</table>
<!-- submenu - hidden -->
<div id="hSubmenu1" class="wmSubMenuHidden">
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,1,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();"><img src="images/icon/icon_new.gif"> Nouveau</div>
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,1,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 1</div>
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,1,'hItemOn','hItemOff','hSubmenu3',WM_RIGHT);" onMouseOut="wmStartOffTimer();">item level 1 &raquo;</div>
</div>
<!-- submenu - hidden -->
<div id="hSubmenu2" class="wmSubMenuHidden">
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,1,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 1</div>
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,1,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 1</div>
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,1,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 1</div>
</div>
<!-- submenu - hidden -->
<div id="hSubmenu3" class="wmSubMenuHidden">
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,2,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 2</div>
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,2,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 2</div>
<div class="hItemOff" onClick="javascript:window.location='index.html'" onmouseover="javascript:wmItemOn(this,2,'hItemOn','hItemOff',null,null);" onMouseOut="wmStartOffTimer();">item level 2</div>
</div>
<!-- /horizontal menu -->

<!-- /demo -->

</td><td><div class="date"><?php date_heure(); ?></div></td></tr></table>
<h3></h3>
<div id="texte">
texte

</div>
<div id="pied">
Logiciel créé par <a href="http://xxxxxxx/">xxxxx</a>
</div>
</div>
</body>
</html>


Donc ca c'est une page qu ipermet d'avoir un menu dans le haut.

J'ai donc une feuille de styllle pour ma page générale cela pause pas de soucie. Et j'ai implenté de dedant un menu avec son propre style aussi. Le problème c'est que des je l'insère apres la balise <div id="conteneur">
Mon menu se déforùme dans l'affichage il ne laisse plus correctment le titre les en en dessous des autres. Alors que si je le mes par exemple avant le <div id=conteneur> qui appartien à la feuille de stylle générale cela fonctionne.
Seriez vous pkoi svp ?
universdupc
le 24/01/2006 à 12:49
universdupc
C'est ce qui donen la taille... de ma page :

#conteneur{
position:absolute;
left: 50%;
margin-left: -550px; /* 1/2 de la largeur du cadre */
width:1100px;
}
universdupc
le 24/01/2006 à 13:25
universdupc
/* CORPS PRINCIPAL --------------------------------------------------- */

#conteneur{
position:absolute;
left: 50%;
margin-left: -550px; /* 1/2 de la largeur du cadre */
width:1100px;
}

#texte {
background-color: #F5F8FC;
border:1px solid #6699FF;
padding: 10px;
height:790px;
}
.blocTxt {
border:1px dashed #6699FF;
background-color:#FFFFFF;
padding:

et ainsi de suite...
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours