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

 
 


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

Un div à hauteur maximale en float?

n°890305
uriel
blood pt.2
Posté le 04-11-2004 à 15:53:15  profilanswer
 

Reprise du message précédent :

chacal_one333 a écrit :

tu sors mainteant


 
desole [:petrus75]
 
 
  [:franck75]


---------------
IVG en france
mood
Publicité
Posté le 04-11-2004 à 15:53:15  profilanswer
 

n°890306
Profil sup​primé
Posté le 04-11-2004 à 15:53:31  answer
 

frenchkiss a écrit :

ben alors chacal t'y arrive toujours pas?

bhé nan :/

n°890307
frenchkiss
Posté le 04-11-2004 à 15:56:12  profilanswer
 

Code :
  1. <?xml version="1.0" encoding="UTF-16"?><html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style>
  2. body {
  3. text-align:center;
  4. background-color:#6699CC;
  5. margin-top:0px;
  6. }
  8. body, div, textarea, input, p, select {
  9. font-family:verdana, arial, sans-serif;
  10. font-size:11px;
  11. }
  12. /*********************************************************
  13. *************** SITE STRUCTURE ***************************
  14. *********************************************************/
  16. /* Global container */
  17. #mainsite {
  18. width:753px;
  19. height:auto;
  20. margin-left:auto;
  21. margin-right:auto;
  22. text-align:left;
  23. border:1px solid red;
  24. }
  26. /* the banner layer */
  27. #banner {
  28. width:751px;
  29. height:160px;
  30. border:1px solid black;
  31. background-color:white;
  32. }
  34. /* the search contener */
  35. #search {
  36. border-left:1px solid black;
  37. border-right:1px solid black;
  38. width:751px;
  39. padding:2px 0 2px 0;
  40. text-align:right;
  41. border-bottom:1px solid black;
  42. background-color:white;
  43. }
  45. /* the menu */
  46. #leftcell {
  47. width:115px;
  48. height:100%;
  49. background-color:#efe;
  50. float:left;
  51. border-left:1px solid black;
  52. border-bottom:1px solid black;
  53. }
  55. /* the login form */
  56. #login {
  57. margin-top:15px;
  58. text-align:center;
  59. margin-bottom:15px;
  60. }
  61. /* the main cell containing the content */
  62. #rightcell {
  63. width:449px;
  64. float:left;
  65.  height:100%;
  66. border:1px solid black;
  67. border-top:none;
  68. background-color:white;
  69. }
  71. /* where everything is written */
  72. #content {
  73. margin:7px;
  74. }
  75. /* total right*/
  76. #right {
  77. width:185px;
  78. border:1px solid black;
  79. float:left;
  80. border-left:none;
  81. border-top:none;
  82. height:100%;
  83. background-color:#eee;
  84. }
  86. /* the latest div with the contacts and stuff */
  87. #footer {
  88. width:751px;
  89. height:20px;
  90. text-align:center;
  91. padding-top:15px;
  92. }
  94. /*********************************************************
  95. ********************* DIVS *******************************
  96. *********************************************************/
  97. #main {
  98. border:1px solid black;
  99. margin:5px 0 5px 0;
  100. background-color:#004400;
  101. height:70%;
  102. }
  103. .newsmain {
  104. border:1px solid black;
  105. margin:5px 0 5px 0;
  106. background-color:#6699CC;
  107. }
  108. .newstitle {
  109. font-weight:bold;
  110. padding-left:5px;
  111. border-bottom:1px solid black;
  112. background-color:#336699;
  113. }
  114. .news {
  115. padding:5px;
  116. }
  117. .newsdate {
  118. font-weight:bold;
  119. text-align:right;
  120. padding-right:5px;
  121. }
  122. /* input container */
  123. .formelement {
  124. padding:1px 0 1px 0;
  125. }
  126. /* title of each page */
  127. #titlepage {
  128. font-size:13px;
  129. font-weight:bold;
  130. padding:5px 0 5px 0;
  131. }
  132. /* all required fields in the forms */
  133. .requiredfields {
  134. color:red;
  135. }
  136. /* errors returned */
  137. #error {
  138. margin:20px 0 20px 0;
  139. }
  140. #error2 {
  141. font-weight:bold;
  142. }
  143. .warning {
  144. font-weight:bold;
  145. color:red;
  146. }
  147. /*********************************************************
  148. ******************** LINKS *******************************
  149. *********************************************************/
  151. /* banner link block */
  152. #contact {
  153. text-decoration:underline;
  154. }
  155. .menu_link {
  156. display:block;
  157. width:100%;
  159. }
  160. .menu_link:hover {
  161. background-color:#bbb;
  163. }
  164. a {
  165. color:black;
  166. text-decoration:none;
  167. }
  168. /*********************************************************
  169. ******************** LISTS *******************************
  170. *********************************************************/
  172. .menu {
  173. margin:0px;
  174. padding:3px 0 3px 0;
  175. list-style-position: outside;
  176. text-align:left;
  177. list-style-type: none;
  178. }
  179. .subm {
  180. padding:0 3px 0 3px;
  181. margin:0px;
  182. }
  183. /*********************************************************
  184. ******************** FORMS *******************************
  185. *********************************************************/
  186. input, select, textarea {
  187. border:1px solid #336699;
  188. }
  189. form {
  190. padding:0px;
  191. margin:0px;
  192. }
  193. </style></head><body><div id="mainsite"><div id="banner"></div><div id="search"><form action="/vg-legends/index.php5" method="post"><div><input type="text" name="searchword" value="search" title="enter your keywords here" onfocus="this.value=''" /><input type="submit" name="search" title="search for your keywords" value="search" />ff
  194.   </div></form></div><div id="main"><div id="leftcell"><div id="login"><form action="/vg-legends/index.php5" method="post"><div class="formelement"><input type="text" name="login" size="15" title="your username" value="username" onfocus="this.value=''" /></div><div class="formelement"><input type="password" name="pass" size="15" title="your password" value="password" onfocus="this.value=''" /></div><div class="formelement"><input type="submit" title="log onto the site" name="login" value="login" /></div></form></div><ul class="menu"><li class="subm"><a href="/vg-legends/index.php5" class="menu_link" title="return to main page">Home</a></li><li class="subm"><a href="?page=register" title="register" class="menu_link">Register</a></li><li class="subm"><a href="#" class="menu_link">menu 3</a></li><li class="subm"><a href="#" class="menu_link">menu 1</a></li><li class="subm"><a href="#" class="menu_link">menu 2</a></li><li class="subm"><a href="#" class="menu_link">menu 3</a></li><li class="subm"><a href="#" class="menu_link">menu 1</a></li><li class="subm"><a href="#" class="menu_link">menu 2</a></li><li class="subm"><a href="?page=administration" title="administration page" class="menu_link">Administration</a></li></ul></div><div id="rightcell"><div id="content"><div class="newsmain"><div class="newstitle">- This is the title 1</div><div class="news">
  195.      This is my news 1<br />
  196.      This is my news 1<br />
  197.      This is my news 1<br />
  198.      This is my news 1<br />
  199.      This is my news 1<br /></div><div class="newsdate">2004-10-27 at 11.03am</div></div><div class="newsmain"><div class="newstitle">- This is the title 2</div><div class="news">
  200.      This is my news 2<br />
  201.      This is my news 2<br />
  202.      This is my news 2<br />
  203.      This is my news 2<br />
  204.      This is my news 2<br /></div><div class="newsdate">2004-10-27 at 11.03am</div></div><div class="newsmain"><div class="newstitle">- This is the title 3</div><div class="news">
  205.      This is my news 3<br />
  206.      This is my news 3<br />
  207.      This is my news 3<br />
  208.      This is my news 3<br />
  209.      This is my news 3<br /></div><div class="newsdate">2004-10-27 at 11.03am</div></div></div></div><div id="right">zz</div><div style="clear:both;"></div></div></div></body></html>

n°890314
Profil sup​primé
Posté le 04-11-2004 à 16:00:50  answer
 

frenchkiss a écrit :


bla

t'as vraiment tester?
ca fait une merde pas possible chez moi [:opus dei]

n°890317
Profil sup​primé
Posté le 04-11-2004 à 16:04:42  answer
 

bon suite au MP avec simo, je croit que c'est vraiment la merde de faire ca, donc vais faire un background au millimètre pres :/

n°890318
frenchkiss
Posté le 04-11-2004 à 16:05:13  profilanswer
 

c'est zarb chez moi ca passe nikel.

n°890319
Profil sup​primé
Posté le 04-11-2004 à 16:07:06  answer
 

je finirai demain, goto home la :)
merci en tt cas :)

n°890320
frenchkiss
Posté le 04-11-2004 à 16:08:16  profilanswer
 

fais un copier coller de mon post que tu sauve sous un truc du style a.html
et ouvre ca avec ton navigateur
( j ai pas edite mais il faut virer les lignes avant le <head> bien sur)

n°890340
frenchkiss
Posté le 04-11-2004 à 16:29:15  profilanswer
 

j ai regarder nos differences ,  
visiblement c input qui fou le bordel
 
version css qui marche:
 

Code :
  1. body {
  2. text-align:center;
  3. background-color:#6699CC;
  4. margin-top:0px;
  5. }
  8. /*********************************************************
  9. *************** SITE STRUCTURE ***************************
  10. *********************************************************/
  12. /* Global container */
  13. #mainsite {
  14. width:753px;
  15. height:auto;
  16. margin-left:auto;
  17. margin-right:auto;
  18. text-align:left;
  19. border:1px solid red;
  20. }
  22. /* the banner layer */
  23. #banner {
  24. width:751px;
  25. height:160px;
  26. border:1px solid black;
  27. background-color:white;
  28. }
  30. /* the search contener */
  31. #search {
  32. border-left:1px solid black;
  33. border-right:1px solid black;
  34. width:751px;
  35. padding:2px 0 2px 0;
  36. text-align:right;
  37. border-bottom:1px solid black;
  38. background-color:white;
  39. }
  41. /* the menu */
  42. #leftcell {
  43. width:115px;
  44. height:100%;
  45. background-color:#efe;
  46. float:left;
  47. border-left:1px solid black;
  48. border-bottom:1px solid black;
  49. }
  51. /* the login form */
  52. #login {
  53. margin-top:15px;
  54. text-align:center;
  55. margin-bottom:15px;
  56. }
  57. /* the main cell containing the content */
  58. #rightcell {
  59. width:449px;
  60. float:left;
  61.  height:100%;
  62. border:1px solid black;
  63. border-top:none;
  64. background-color:white;
  65. }
  67. /* where everything is written */
  68. #content {
  69. margin:7px;
  70. }
  71. /* total right*/
  72. #right {
  73. width:185px;
  74. border:1px solid black;
  75. float:left;
  76. border-left:none;
  77. border-top:none;
  78. height:100%;
  79. background-color:#eee;
  80. }
  82. /* the latest div with the contacts and stuff */
  83. #footer {
  84. width:751px;
  85. height:20px;
  86. text-align:center;
  87. padding-top:15px;
  88. }
  90. /*********************************************************
  91. ********************* DIVS *******************************
  92. *********************************************************/
  93. #main {
  94. border:1px solid black;
  95. margin:5px 0 5px 0;
  96. background-color:#004400;
  97. height:70%;
  98. }
  99. .newsmain {
  100. border:1px solid black;
  101. margin:5px 0 5px 0;
  102. background-color:#6699CC;
  103. }
  104. .newstitle {
  105. font-weight:bold;
  106. padding-left:5px;
  107. border-bottom:1px solid black;
  108. background-color:#336699;
  109. }
  110. .news {
  111. padding:5px;
  112. }
  113. .newsdate {
  114. font-weight:bold;
  115. text-align:right;
  116. padding-right:5px;
  117. }
  118. /* input container */
  119. .formelement {
  120. padding:1px 0 1px 0;
  121. }
  122. /* title of each page */
  123. #titlepage {
  124. font-size:13px;
  125. font-weight:bold;
  126. padding:5px 0 5px 0;
  127. }
  128. /* all required fields in the forms */
  129. .requiredfields {
  130. color:red;
  131. }
  132. /* errors returned */
  133. #error {
  134. margin:20px 0 20px 0;
  135. }
  136. #error2 {
  137. font-weight:bold;
  138. }
  139. .warning {
  140. font-weight:bold;
  141. color:red;
  142. }
  143. /*********************************************************
  144. ******************** LINKS *******************************
  145. *********************************************************/
  147. /* banner link block */
  148. #contact {
  149. text-decoration:underline;
  150. }
  151. .menu_link {
  152. display:block;
  153. width:100%;
  155. }
  156. .menu_link:hover {
  157. background-color:#bbb;
  159. }
  160. a {
  161. color:black;
  162. text-decoration:none;
  163. }
  164. /*********************************************************
  165. ******************** LISTS *******************************
  166. *********************************************************/
  168. .menu {
  169. margin:0px;
  170. padding:3px 0 3px 0;
  171. list-style-position: outside;
  172. text-align:left;
  173. list-style-type: none;
  174. }
  175. .subm {
  176. padding:0 3px 0 3px;
  177. margin:0px;
  178. }
  179. /*********************************************************
  180. ******************** FORMS *******************************
  181. *********************************************************/
  182. input, select, textarea {
  183. border:1px solid #336699;
  184.  font-family:verdana, arial, sans-serif;
  185. font-size:11px;
  186. }
  188. form {
  189. padding:0px;
  190. margin:0px;
  191. }

n°890342
frenchkiss
Posté le 04-11-2004 à 16:32:01  profilanswer
 

plus exactement si le font size n'est pas precise effectivement c'est le ... ben ca marche pas quoi.
 
bon je parle tout seul alors j'reviens demain qd chacal sera de retour.
 

mood
Publicité
Posté le 04-11-2004 à 16:32:01  profilanswer
 

n°890451
Profil sup​primé
Posté le 04-11-2004 à 18:07:09  answer
 

je sais pas comment tu fait, ou comment je me debrouille mais chez moi ca rend trop pas pareil [:ddr555]
 
sinon j'ai adoptaÿ la solution du simo national en mettant une image en background dans #main [:spamafote]
 
http://if-faw.com/vg-legends/index.php5
 
on y voit que du feu :D

n°890466
simogeo
j'ai jamais tué de chats, ...
Posté le 04-11-2004 à 18:27:45  profilanswer
 

chacal_one333 a écrit :

je sais pas comment tu fait, ou comment je me debrouille mais chez moi ca rend trop pas pareil [:ddr555]
 
sinon j'ai adoptaÿ la solution du simo national en mettant une image en background dans #main [:spamafote]
 
http://if-faw.com/vg-legends/index.php5
 
on y voit que du feu :D


 
[:franck75] [:franck75] [:franck75] [:franck75] [:franck75] :o
 
 
c'etait un peu long de te le faire comprendre quand même [:itm]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°890483
Profil sup​primé
Posté le 04-11-2004 à 18:57:00  answer
 

oué enfin la moitié de ce topic c'est à jetter hein [:antp:9]

n°891014
uriel
blood pt.2
Posté le 05-11-2004 à 09:54:54  profilanswer
 

tu dis ca pour me vexer? [:fande--]

n°891016
Profil sup​primé
Posté le 05-11-2004 à 09:55:47  answer
 

uriel a écrit :

tu dis ca pour me vexer? [:fande--]

oui [:petrus75]
 
ca marche pas? [:zytrasnif]

n°891018
uriel
blood pt.2
Posté le 05-11-2004 à 09:56:33  profilanswer
 

chacal_one333 a écrit :


ca marche pas? [:zytrasnif]


 
si justement [:mmmfff]

n°891037
frenchkiss
Posté le 05-11-2004 à 10:19:34  profilanswer
 
n°891038
simogeo
j'ai jamais tué de chats, ...
Posté le 05-11-2004 à 10:21:14  profilanswer
 

frenchkiss a écrit :

http://membres.lycos.fr/gaasworld/b.html


 
on ne doit pas avoir les mêmes navigateurs [:petrus75]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°891042
Profil sup​primé
Posté le 05-11-2004 à 10:25:51  answer
 

simogeo a écrit :

on ne doit pas avoir les mêmes navigateurs [:petrus75]

kler [:rofl2]
 
spourca que je disait que ca fonctionnait trop pas hier :/

n°891044
frenchkiss
Posté le 05-11-2004 à 10:27:17  profilanswer
 

autant pour moi .
ca passe sous ie 5
ja viens d installer opera est effetivement .. la colonne ne descends pas comme voulue.
 
c'est quand meme un peu lourdingue ce truc...
je suis en train de matter les diverses balises depuis qqs jours et faire des essais , parout on crie vive les div ,
mais bon la chui franchement dessus et je plussoie ton commentaire sur les div dans ton premier post chacal.

n°891045
simogeo
j'ai jamais tué de chats, ...
Posté le 05-11-2004 à 10:27:34  profilanswer
 

frenchkiss > effectivement ca passe sous IE6 mais jettes un oeil sous Firefox :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°891051
Profil sup​primé
Posté le 05-11-2004 à 10:31:12  answer
 

frenchkiss a écrit :

autant pour moi .
ca passe sous ie 5
ja viens d installer opera est effetivement .. la colonne ne descends pas comme voulue.
 
c'est quand meme un peu lourdingue ce truc...
je suis en train de matter les diverses balises depuis qqs jours et faire des essais , parout on crie vive les div ,
mais bon la chui franchement dessus et je plussoie ton commentaire sur les div dans ton premier post chacal.

plus propre, mais tellement plus dur [:joce]

n°891055
frenchkiss
Posté le 05-11-2004 à 10:33:19  profilanswer
 

je te crois sur parole simogeo  
J'ai qd meme du creer un compte expres sur multimania pour en avoir le coeur net !!
finallement on a tous apris qqch ! merci Chacal pour cet bon idee de post ;)
et a+ sur le forum

n°891057
uriel
blood pt.2
Posté le 05-11-2004 à 10:35:52  profilanswer
 

chacal_one333 a écrit :

plus propre, mais tellement plus dur [:joce]


:jap:
 
mais au dela de la fierted'y arriver (:D) la reutilisation du code est beaucoup plus simple, sans parler de faire evoluer son site


---------------
IVG en france
mood
Publicité
Posté le   profilanswer
 

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

Aller à :
Ajouter une réponse
 

Sujets relatifs
Recherche la valeur de A quand la valeur B est maximale selon C[Javascript] Obtenir la hauteur d'un "div" ? [Résolu, merci Leris]
Problèmes avec is_float dans mon formulaireFloat, Int ---> help !
Inserer un float dans une base....Aux amateur de difficultés - Problème de hauteur de cellules
Bug incorrigible sur IE6 (float - css - 2 ou 3 colonnes)Div centré en largeur et hauteur
[xhtml/css] Hauteur de 2 div[JAVA] Récuperer la valeur flotante d'un float ?
Plus de sujets relatifs à : Un div à hauteur maximale en float?

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

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)