Décalage dans div si rien

Résolu/Fermé
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - Modifié par jjsteing le 4/10/2010 à 15:21
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - 4 oct. 2010 à 15:32
Bonjour,

Voici mon code :

index.php:

<?php  
 $Html="<FORM NAME='test'>";  
 $Html.="<html lang='fr'><head>";  
 $Html.="<link rel='stylesheet' type='text/css' href='StyleCss2.php?v=".time()."'/>";  
 $Html.="</head>";  

 $Html.="<body>";  
 $Html.="<div id='FeuilleMain'>";  
 $Html.=AfficheEntete();  
 $Html.="</div>"; //Fin <div id='FeuilleMain'>  
 $Html.="</body></html></form>";   

 echo $Html;  
function AfficheEntete(){  

//$entete='';  

$entete="<div class='Entete'>ici l entete";  
$entete.="</div>";  

return $entete;  
}  
?>  



mon css: StyleCss2.php

<?php 
header('Content-type: text/css'); 
$DebordHaut=00; 
$HauteurEntete=60; 
?> 

html, body{ 
border: 0px; 
margin: 0px; 
padding: 0px; 
height:100%; 
Width: 100%; 
background:#343434; 
} 

#FeuilleMain{ 
position: Relative; 
border: 0px; 
margin: 0px; 
padding: 0px; 
top: 0px; 
height: 100%;
Width: 923px; 
background-color:#c2c2c2; 
} 

.Entete{ 
position: Absolute; 
border: 0px; 
margin: 0px; 
padding: 0px; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 60px; 
background-color:yellow; 
} 

<?php 
?> 



Tel qu il est la, l entete jaune n'est pas en 0,0, et une barre de défilement apparrait...

mais si j ajoute ne serais ce qu un caratere apres le <div id='FeuilleMain'>, ca marche...

=>
$Html.="<div id='FeuilleMain'>x";

D'où vient l erreur svp ???

Merci



N'hésitez pas à poser des questions, il vaut mieux être con 5 min que le rester toute sa vie ;)
N'oubliez pas de mettre votre Post en 'Résolu' quand c'est le cas :-D

1 réponse

jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
4 oct. 2010 à 15:32
Trouvé !!!

1er div position relative

Le deuxieme doit etre, apparement obligatoirement en relative aussi.. apres, on peut faire de l absolute =>

<div pos relative>
<div pos relative></div>
<div pos abolute></div>
</div>

Pourquoi, no lo sé, mais ca marche ;)
0