Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1662 connectés 

 
 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

[XHTML] Caller un pied de page

n°724296
Hermes le ​Messager
Breton Quiétiste
Posté le 13-05-2004 à 10:26:10  profilanswer
 

Reprise du message précédent :

Flyman30 a écrit :

essaye comme ça:
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <% @LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
  3. <html>
  4. <head>
  5.  <title>Modele</title>
  6.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. <style type="text/css">
  8. body
  9. {
  10. text-align: center;
  11. margin: 0px 0px 0px;
  12. background-color: #FFFFFF;
  13. font-family: Verdana, Helvetica, sans-serif;
  14. font-size:1Ox;
  15. line-height:normal;
  16. color:#000000;
  17. }
  20. .cadre-global
  21. {
  22. text-align: left;
  23. margin-right: auto;
  24. margin-left: auto;
  25. width: 98%;
  26. background-color: #FFFFFF;
  27. }
  29. .contenu
  30. {
  31. margin-top: 5px;
  32. margin-left: 175px;
  33. margin-right: 0px;
  34. width: auto;
  35. min-height: 600px; 
  36. vertical-align: top;
  37. background-color: #FFFFFF;
  38. }
  40. .texte-contenu
  41. {
  42. margin: 5px;
  43. margin-top: 5px;
  44. min-height: 600px;
  45. width: 98%;
  46. background-color: #FFFFFF;
  47. }
  49. .menu
  50. {
  51. background-color:  #FFFFFF;
  52. color: #000000;
  53. margin-top: 5px;
  54. margin-left: 5px;
  55. border-bottom: 1px solid #008040;
  56. width: 150px;
  57. }
  59. .pied
  60. {
  61. height: 50px;
  62. clear:both;
  63. }
  64. </STYLE>
  65. </head>
  66. <body>
  67.  <div class="cadre-global">
  68.   <div class="menu">&nbsp;
  69.   </div>
  70.    <div class="corps">
  71.     <div class="contenu">
  72.      <div class="texte-contenu">
  73.      <p>&npsb;</p>
  74.      </div>
  75.     </div>
  76.    </div>
  77.   </div>
  78.  <div class="pied">
  79.  <p>&npsb;</p>
  80.  </div>
  81. </body>
  82. </html>




 
Et 5 niveaux de divs, c'est censé être correct syntaxiquement et philosophiquement ?  :whistle:

mood
Publicité
Posté le 13-05-2004 à 10:26:10  profilanswer
 

n°724414
kileak2
Posté le 13-05-2004 à 11:13:53  profilanswer
 

kameha a écrit :

J'ai un peu le meme genre de probleme.
...


 
float ne marche pas chez moi ! c'est bizarre mais c'est comme ca.
 
pour résoudre mon prob, j'ai mis les DIV interne en relative sauf la Centre en absolute.
 
Mais j'ai quand même encore un souci
 

n°724512
kameha
Posté le 13-05-2004 à 12:00:21  profilanswer
 

merci a tous, je vais essayer

n°724560
Flyman30
Posté le 13-05-2004 à 12:31:27  profilanswer
 

Hermes le Messager a écrit :

Et 5 niveaux de divs, c'est censé être correct syntaxiquement et philosophiquement ?  :whistle:


 
Ça marche  [:airforceone]

n°725174
kileak2
Posté le 13-05-2004 à 20:31:40  profilanswer
 

Flyman30 a écrit :

essaye comme ça:


 
Il manquerait pas .corps ?
 
:)

n°725386
kileak2
Posté le 14-05-2004 à 00:44:46  profilanswer
 

SAlut
 
je suis cuit !
 
ca fait 3h que je jongle entre mes tests, Mozilla et IE 6 et là j'abandonne.
 
Pour bien vous expliquer mon prob voici d'abord mon CSS :
 

Citation :

#conteneur {
 width: 750px;
 background-color: Aqua;
}
 
#gauche {
 float:left;
 width: 180px;
 background-color: green;
}
 
#centre {
 background-color: white;
 padding:5px;
 text-align : justify;
 /*width:560px;*/
 margin-left: 180px;
}


 
Au dessus de Conteneur il n'y a que Body qui a juste
margin: 0; et padding: 0; pour bien caller tout en H à G du browser.
 
Résultat Firefox 0.8 :
 
http://membres.lycos.fr/kileak/forum/firefox.gif
 
Résultat IE 6 :
 
http://membres.lycos.fr/kileak/forum/ie6.gif
 
Vous voyez que alors que tout est au norme sur Mozilla, sous IE6, le block est envoyé à la ligne.
 
Il est bien aligné si je descends le width du Centre à 557px ce qui est absurde ! Mais il reste alors un "border" de qq pixels :
http://membres.lycos.fr/kileak/forum/ie6-2.gif
 
(sous mozilla, il manque logiquement les 3 pixels à droite).
 
EDIT : j'ai trouvé !! en rouge la solution ds mon CSS ! Il ne fallait pas mettre de propriété width (en auto par défaut)
Je comprends qd même pas pkoi ce con de IE me fout un retour à la ligne à 100% ou 560px !!
 
EDIT2 : Au bout du compte, ca marche à peu près.
J'ai ajouté un pied de page au même niveau que la DIV #Contenu.
Si le centre grandit, le pied de page est poussé.
Par contre si le menu grandi, le pied de page n'est poussé que sur IE6.
Mozilla s'en fiche :(
A cause du fait que Menu soit en float left ? Mais comment faire alors ?


Message édité par kileak2 le 14-05-2004 à 01:42:49
n°725529
Flyman30
Posté le 14-05-2004 à 09:49:36  profilanswer
 

kileak2 a écrit :

Il manquerait pas .corps ?
 
:)


 
Effectivement corps ne servait à rien et je l'avais viré  :D

n°725845
kileak2
Posté le 14-05-2004 à 12:16:11  profilanswer
 

Flyman30 a écrit :

Effectivement corps ne servait à rien et je l'avais viré  :D


 
J'ai repris ton exemple.
 
J'ai viré Corps et j'ai mis des couleurs pour bien voir les bloc.
 
Ca marche pas sous IE6 tel quel.
 
Tout est en relatif dc ton #Contenu commence en dessous de ton #Menu.
(je ne peux pas fournir une capture je suis pas chez moi)
 
Dc si ca marche, soit j'ai raté un épisode, soit t'as oublié un truc, soit t pas sous IE6.
 
a+
 
PS : personne pour mon Edit 2 plus haut  :cry:  
:)

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
[Php] - Resultat de la base SQL sur une page .Aligner verticalement en xhtml [résolu]
J'arrive pas à propager mon id de session d'une page à l'autreComment cibler une page "inaccessible" ?
[Java][Servlet] Rafraichissement de page généréesInterdire le "bouton droit->ajouter aux favoris" sur une page ASP/Html
[ XHTML 1.1 ] Validation qui débloque ?Reload page
Problèmes de rafraichissement de page ASP.NET et IISRevenir à la page précédente après plusieurs refresh
Plus de sujets relatifs à : [XHTML] Caller un pied de page

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.060 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR