[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. }
  23. #conteneur2 {
  24. float: left;
  25. margin-top: 20px;
  26. width: 90%;
  27. background:url(/images/menusite.jpg) no-repeat #9999CC;
  28. border: 1px solid black;
  29. }
  30. #droite2 {
  31. background-color:#9999CC;
  32. margin-left: 200px;
  33. }
  34. #menu2 {
  35. width: 200px;
  36. float: left;
  37. }
  38. p {margin:0;}
  39. h2 {
  40. font-size: 1.2em;
  41. font-weight: normal;
  42. margin-bottom: 20px;
  43. }
  44. .merde {
  45. background:url(/images/menusitebas.jpg) no-repeat;
  46. bottom:0px;
  47. width:200px;
  48. position:absolute;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <h1>Les "cellules" étirables en CSS</h1>
  54. <h2>Une cellule s'allonge selon le contenu, l'autre s'adapte et s'étire visuellement</h2>
  55. <div id="conteneur">
  56. <div id="menu">
  57.   <p>menu</p>
  58.   <p>partie qui doit s'adapter </p>
  59. </div>
  60.    <div id="droite">
  61.      <p>droite</p>
  62.      <p>partie qui doit s'allonger</p>
  63.    </div>
  64. </div>
  65. <div id="conteneur2">
  66. <div id="menu2">
  67.   <p>menu</p>
  68.   <p>partie qui  s'adapte</p>
  69.   <p>&nbsp;</p>
  70.   <p><a href="http://css.alsacreations.com/Tutoriels-et-articles-divers/Des-blocs-de-meme-hauteur-sans-tableaux">voir explications </a></p>
  71. </div>
  72.  <div class="merde">iooii</div>
  73.    <div id="droite2">
  74.      <p>droite</p>
  75.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  76.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  77.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  78.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  79.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  80.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</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>
  85.      <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>
  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>
  92.      <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>
  93.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  94.      <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>     <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>
  101.      <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>
  103.      <p>partie avec du contenu - partie avec du contenu - partie avec du contenu</p>
  104.    </div>
  105. </div>
  106. </body>
  107. </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