colonnes

colonnes - HTML/CSS - Programmation

Marsh Posté le 04-05-2004 à 19:27:03    

youp,
 
 
je voudrais faire ca...
 
http://belgibique.be/ie.jpg
 
ca marche dans ie
 
 
 
problème avec firefox :( :  
 
http://belgibique.be/ff.jpg
 
 
 
le code:

Code :
  1. <html>
  2. <head>
  3. <style>
  4. body {
  5. top: 0px; left: 0px; bottom: 0px; right: 0px;
  6. padding: 0px;
  7. margin: 25px 0px 25px 0px;
  8. overflow: visible;
  9. }
  11. /* placement des DIV */
  13. #mainContainer {
  14. width: 770px; height: auto;
  15. margin: 0px auto 0px auto;
  16. }
  18. #header {
  19. width: 770px; height: 50px;
  20. padding: 7px 2px 5px 2px;
  21. border: 1px solid #aaa;
  22. text-align: center;
  23. }
  25. #main {
  26. width: 770px; height: auto;
  27. padding: 5px 2px 5px 2px;
  29. font-size: 1em;
  30. border: 1px solid #aaa;
  31. text-align: left;
  32. }
  34. #footer {
  35. width: 770px; height: auto;
  36. padding: 5px 2px 5px 2px;
  37. font-size: 1em;
  38. border: 1px solid #aaa;
  39. text-align: center;
  40. }
  42. #column1 {
  43. float: left;
  44. border: 1px solid #f00;
  45. }
  47. #column2 {
  48. float: left;
  49. border: 1px solid #f00;
  50. }
  52. </style>
  53. </head>
  55. <body>
  56. <div id="mainContainer">
  57. <div id="header">
  58.       teteuh <br />
  59. </div>
  60. <div id="main">
  62.  <div id="column1">
  63.          colonne 1 <br />
  64.          colonne 1 <br />
  65.          colonne 1 <br />
  66.     </div>
  67.     <div id="column2">
  68.          colonne 2 <br />
  70.          colonne 2 <br />
  71.          colonne 2 <br />
  72.          colonne 2 <br />
  73.    </div>
  74.    </div>
  75.  <div id="footer">
  76.       pied, pied, pied, pied <br />
  78.    </div>
  79. </div>
  80. </body>
  81. </html>


 
 
une chtyte aide ?
 
 
merci


---------------
oui oui
Reply

Marsh Posté le 04-05-2004 à 19:27:03   

Reply

Marsh Posté le 04-05-2004 à 19:49:42    

Faut mettre un div spacer après tes colonnes avec la propriété  clear

Reply

Marsh Posté le 04-05-2004 à 19:57:13    

yop merci beaucoup monsieur :jap:


---------------
oui oui
Reply

Sujets relatifs:

Leave a Replay

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