[WEB] "étendre" un div/cellule a la taille du browser

"étendre" un div/cellule a la taille du browser [WEB] - Web design - Graphisme

Marsh Posté le 15-03-2004 à 17:08:22    

j'ai essayé en mettant 100% mais ca ne marche que dans la largeure (:??:) et sa me le met a 100% de la résolution a laquelle je travails, mais quand je visualise sous une résolution plus grand, il n'est pas adapté.
si je suis pas assez clair n'hésitez pas :D

Reply

Marsh Posté le 15-03-2004 à 17:08:22   

Reply

Marsh Posté le 15-03-2004 à 17:56:26    

width:100%; = 100% de la taille de ton conteneur...

Reply

Marsh Posté le 16-03-2004 à 10:31:03    

ok mais est il possible d'adapter le conteneur ? :)

Reply

Marsh Posté le 16-03-2004 à 10:44:25    

par défaut, le conteneur c'est body, sauf si tua as mis un autre conteneur. sans voir ton code c'est impossible à dire. En outre, par défaut, un div prend 100% de la largeur du conteneur

Reply

Marsh Posté le 16-03-2004 à 11:17:46    

je crois que je vais laiiser tomber :lol:
 
veut juste faire un tableau qui s'adapte dans la largeur de l'écran :cry:
 
ca suffit le code du tableau ?
 

Code :
  1. <table width="140" height="100%" border="0" align="left" background="images/fond_m2.jpg" bgcolor="#999999" id="test">
  2.   <tr>
  3.     <td height="100%">&nbsp;</td>
  4.   </tr>
  5. </table>


Message édité par _lapin_ le 16-03-2004 à 11:21:30
Reply

Marsh Posté le 16-03-2004 à 11:31:17    

[:kiki]

Reply

Marsh Posté le 16-03-2004 à 12:04:38    

jlui dit que height c'est la hauteur ? :D

Reply

Marsh Posté le 16-03-2004 à 13:21:31    

nan ca je sais, j'ai testé sur la hauteur aussi

Reply

Marsh Posté le 16-03-2004 à 14:33:38    

Et sur la largeur t'as testé ?

Reply

Marsh Posté le 16-03-2004 à 16:18:03    

essaie qqch comme ca :whistle:
 


<div id="test" style="position:absolute;width:140px;height:100%;background:url(images/fond_m2.jpg) no-repeat top left;background-color:#999">
 
test
 
</div>


 
edit: et si la hauteur doit s'adapter au contenu suffi de virer le "position:absolute" :o


Message édité par dd_005 le 16-03-2004 à 16:20:49

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 16-03-2004 à 16:18:03   

Reply

Marsh Posté le 17-03-2004 à 10:38:54    

GENIAL !!!
 
c'est pil poil ce que je voulais :)
 
merci, maintenant j'ai la base pour continuer plus loin
 
de le faire avec un calque plutot qu'un tableau, ca m'aide a un point, t'as pas idée :D
 
:jap:

Reply

Marsh Posté le 29-03-2004 à 16:30:19    

y vient de m'arriver un truc,
si j'insere le code dans une page existante il ne prend pas le % il m'affiche un rectangle (je ne sais pas d'ou il tire la hauteur, y a pas de contenu)
et si je prends le meme code dans une page vierge, là ca marche :??:
 
une idée ? :(


Message édité par _lapin_ le 29-03-2004 à 16:30:36
Reply

Marsh Posté le 29-03-2004 à 16:53:37    

_lapin_ a écrit :

y vient de m'arriver un truc,
si j'insere le code dans une page existante il ne prend pas le % il m'affiche un rectangle (je ne sais pas d'ou il tire la hauteur, y a pas de contenu)
et si je prends le meme code dans une page vierge, là ca marche :??:
 
une idée ? :(


ben t'a du balancer ton code dans un tableau de taille fixe ou un truc comme ca.

Reply

Marsh Posté le 29-03-2004 à 18:25:41    

c'est ce que je pensais, mais je l'ai déplacé juste avant la balise </body> pour etre sur.
 
bon j'ai refais mon document model, donc maintenant c'est bon.
 


Message édité par _lapin_ le 30-03-2004 à 15:30:31
Reply

Marsh Posté le 30-03-2004 à 15:33:23    

par contre j'ai encore une question
 
est il possible qu'un div de format fixe se déplace verticalement dès qu'on scroll sur la page ? pour qu'il reste centrer sur le browser.
 
merci et dites moi si j'abuse :D

Reply

Marsh Posté le 30-03-2004 à 15:37:33    

position:fixed;
 
mais ce n'est pas supporté par IE
http://www.fastclemmy.com/index.ph [...] t-Explorer

Reply

Marsh Posté le 30-03-2004 à 17:45:50    

merci,  
le css, je laisse pour plus tard  :ange:  
 

Reply

Sujets relatifs:

Leave a Replay

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