[CSS] Demande de confirmation

Demande de confirmation [CSS] - HTML/CSS - Programmation

Marsh Posté le 09-11-2005 à 22:10:37    

Salut la compagnie....
 
 
Aprés maintes recherches et tests...
 
je conclu qu 'il est impossible de faire en sorte que dans un exemple tel que celui ci:
 
http://www.thenoodleincident.com/t [...] touch.html
 
les colonnes de droite et gauche s'exendent dynamiquement par rapport à la fenêtre du centre...
  :(  :(  
 
Voilà...
 
Si on peux me le confirmer je serais doublement content, si on me démontre le contraire...je le serais triplement...
 
Merci... :)  
 

Reply

Marsh Posté le 09-11-2005 à 22:10:37   

Reply

Marsh Posté le 10-11-2005 à 01:26:37    

Hmm si j'ai bien compris, tu veux faire des "colonnes" de même hauteur ?
http://forum.alsacreations.com/faq/#item17


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 10-11-2005 à 13:40:46    

je vais regarder un peu; même si je ne pense à premiére vu qu'il y a la solution à mon probléme... ;)
 
Mais je vais faire quelques tests avec les astuces données...

Reply

Marsh Posté le 11-11-2005 à 01:52:19    

j'ai pensé à utiliser :
 
bottom:0px; mais sa marche pas ....
 
je le met dans un div, c'est interdit?

Reply

Marsh Posté le 11-11-2005 à 02:20:22    

width:100% ou ta valeur, pour le bottom il faut que position soit en absolute et ça te définit la position pas la taille il me semble??

Reply

Marsh Posté le 11-11-2005 à 09:29:42    

oui quel con j'avais oublier cette manipulation,
 
Mais le seul probléme, il s'arrête au bottom de la page et non du conteneur...
 
 
je donne le code: (ATTENTION, J'AI juste PRIS CE CODE pour faire un exemple simple, parce que sur ma page de site, c'est plus chiant)

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4. <title>Cellules étirables en CSS</title>
  5. <style type="text/css">
  6. body {
  7. font-family:Verdana, Arial, Helvetica, sans-serif;
  8. font-size: 0.8em}
  9. #conteneur {
  10. float: left;
  11. width: 90%;
  12. background-color:#F00;
  13. border: 1px solid black;
  14. }
  15. #droite {
  16. background-color:#9999CC;
  17. margin-left: 200px;
  18. }
  19. #menu {
  20. width: 200px;
  21. float: left;
  22. }
  24. #conteneur2 {
  25. float: left;
  26. margin-top: 20px;
  27. width: 90%;
  28. background:url(/images/menusite.jpg) no-repeat #9999CC;
  29. border: 1px solid black;
  30. }
  31. #droite2 {
  32. background-color:#9999CC;
  33. margin-left: 200px;
  34. }
  35. #menu2 {
  36. width: 200px;
  37. float: left;
  38. }
  39. p {margin:0;}
  40. h2 {
  41. font-size: 1.2em;
  42. font-weight: normal;
  43. margin-bottom: 20px;
  44. }
  46. .merde {
  47. background:url(/images/menusitebas.jpg) no-repeat;
  48. bottom:0px;
  49. width:200px;
  50. position:absolute;
  51. }
  52. </style>
  53. </head>
  55. <body>
  56. <h1>Les "cellules" étirables en CSS</h1>
  57. <h2>Une cellule s'allonge selon le contenu, l'autre s'adapte et s'étire visuellement</h2>
  59. <div id="conteneur">
  60. <div id="menu">
  62.   <p>menu</p>
  63.   <p>partie qui doit s'adapter </p>
  64. </div>
  65.    <div id="droite">
  66.      <p>droite</p>
  67.      <p>partie qui doit s'allonger</p>
  68.    </div>
  70. </div>
  71. <div id="conteneur2">
  72. <div id="menu2">
  73.   <p>menu</p>
  74.   <p>partie qui  s'adapte</p>
  75.   <p>&nbsp;</p>
  76.   <p><a href="http://css.alsacreations.com/Tutoriels-et-articles-divers/Des-blocs-de-meme-hauteur-sans-tableaux">voir explications </a></p>
  77. </div>
  78.  <div class="merde">iooii</div>
  79.    <div id="droite2">
  80.      <p>droite</p>
  81.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  82.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  83.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  84.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  86.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  87.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  88.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  89.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  90.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  91.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  93.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>     <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  95.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  96.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  97.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  98.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  99.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  100.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  102.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>     <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  104.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  105.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  106.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  107.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  108.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  109.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  111.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>     <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  112.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  113.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  114.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  116.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  117.    </div>
  118. </div>
  120. </body>
  121. </html>

Reply

Marsh Posté le 11-11-2005 à 10:20:58    

http://img390.imageshack.us/img390/5953/css6aw.th.jpg

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed