[HTML]Mise en page - DIV ?

Mise en page - DIV ? [HTML] - HTML/CSS - Programmation

Marsh Posté le 16-12-2002 à 16:22:17    

Salut,
j aimerai savoir comment on fait pour rendre sa mise en page fixe. Je m explique, j'ai du texte et des liens mais quand je rétrécie ma fenêtre , tout se barre en sucette alors que j aimerai que ca reste fixe et que l'ascenseur horizontal se déclenche.
J ai pensé à des tableaux à taille fixe mais ce n'est pas possible car le contenu est dynamique et on ne connait pas à l'avance la taille des infos.
est ce que les Div peuvent résoudre mon problème ou autre chose ?
 
merci  [:kritikal kombat]

Reply

Marsh Posté le 16-12-2002 à 16:22:17   

Reply

Marsh Posté le 16-12-2002 à 16:27:40    

Ben tu mets tout dans un gros DIV qui a une largeur fixe.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 16-12-2002 à 16:32:54    

gm_superstar a écrit :

Ben tu mets tout dans un gros DIV qui a une largeur fixe.


 
pkoi tu viens pas repondre a mon topic...  :(


---------------
yvele n'est plus.
Reply

Marsh Posté le 16-12-2002 à 16:33:29    

pour que ca bouge pas, un bon coup de super glue 3. :pt1cable:  
 
Pour ton tableau tu laisse le wrap, comme ca au pire si tu a trop d'info ca décale que vers le bas.  
 
SI tu veux le faire en div, tu peux utiliser une position absolue, mais comme tu sais pas quelle quantité d'info tu aura, ca peut tout te mettre en l'air. A moins d'avoir des scrolls un peu partout dans ta page, ce qui avouons-le n'est pas toujours du meilleur effet, il te faudra aussi accepter un eventuel décalage vers le bas
 
En bref, avoir une page a l'allure fixe, mais contenant des quntités de données variable c'est un peu comme vouloir le beurre, l'argent du beurre et se tapper la crêmière :jap:


Message édité par panchopa le 16-12-2002 à 16:34:46

---------------
Apprenti néo-shreddeur fusionniste de chambre | ♫ Blind test pour zikos
Reply

Marsh Posté le 16-12-2002 à 16:33:33    

gm_superstar a écrit :

Ben tu mets tout dans un gros DIV qui a une largeur fixe.


 
merci...  :whistle:


---------------
yvele n'est plus.
Reply

Marsh Posté le 16-12-2002 à 16:47:36    

ok pour la super glue 3  ;)  

Reply

Marsh Posté le 16-12-2002 à 16:51:17    

en fait ce que je veux, c que mes infos se décalent pas. vous me parlez de décaler vers le bas. mais mon problème est :
j ai www.hardware.fr si je rétrécis la fenêtre, il va me mettre
www.har
ware.fr
par exemple sur 2 lignes au lieu de déclencher la scrollbar horizontal.  
je vais essayer le div mais je pense que c'est la même chose qu avec des tableaux.

Reply

Marsh Posté le 16-12-2002 à 17:00:41    

ah bah si le scroll est pas un problème, tu fait un truc du genre :  
 
<div id="Layer2" style="position:absolute; left:245px; top:202px; width:119px; height:119px; z-index:52; overflow: auto;">  
 
l'overflow auto te met des scrolls automatiquement si et seulement si les données dépassent la taille du div

Reply

Marsh Posté le 16-12-2002 à 17:31:36    

merci  [:tozwarrior]

Reply

Marsh Posté le 17-12-2002 à 09:22:21    

:pt1cable:  bon le overflow me rajoute une scrollbar verticale alors que je voudrais que ce soit une scrollbar horizontale ... y a un moyen ???  :??:  

Reply

Marsh Posté le 17-12-2002 à 09:22:21   

Reply

Marsh Posté le 17-12-2002 à 17:01:56    

voui j'ai encore jamais utulisé ce truc donc je connais pas la syntaxe exacte de mémoire, mais tu peux.  
 
en gros tu dois dire que y est en overflow:no, et x en overflow:auto
 
Ou l'inverse, j'me rappelle jamais de x ou y qui est en ordonné   :pt1cable:  
 
*grosse quiche en math*
 
Logiquement ca devrai etre :
overflow-x:auto
overflow-y:no
 
a vérifier !


Message édité par panchopa le 17-12-2002 à 20:44:57
Reply

Marsh Posté le 18-12-2002 à 09:31:34    

merci  :jap:

Reply

Marsh Posté le 18-12-2002 à 11:06:30    

:pt1cable:   [:necris]  [:the time]  
 
bah nan toujours pas de barre horizontale même avec overflow-x et overflow-y,
comprends po  :??:

Reply

Marsh Posté le 18-12-2002 à 17:10:36    

je suis désolé, je trouve pas la réponse a ton problème  :(  
 
Pour l'overflow-y j'avais vu ca dans un code source mais je me souviens plus où, et pas moyen de trouver la page qui en parlerais dans les recommendations du w3c
 
J'ai juste une supputation :
normalement :  

Citation :

Une ligne ne peut pas être coupée, ce qui rend ainsi la boîte de ligne plus large que la boîte du bloc ;

du coup si tu écrit tout sur une seule ligne, ca te mettra que du scroll horizontal (peut-être).  
 


---------------
Apprenti néo-shreddeur fusionniste de chambre | ♫ Blind test pour zikos
Reply

Marsh Posté le 18-12-2002 à 17:18:41    

Mais pourquoi tu ne peux pas tout mettre dans un DIV de largeur fixe (que tu décides à l'avance)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 18-12-2002 à 17:22:38    

tiens pdt que tu es là GM, aurais-tu des infos sur le overflow-x ou y ?


---------------
Apprenti néo-shreddeur fusionniste de chambre | ♫ Blind test pour zikos
Reply

Marsh Posté le 18-12-2002 à 17:27:55    

Oui, c'est IE only. Pas standard donc.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 18-12-2002 à 17:41:43    

alors j explique, j ai un treeview fait en javascript (en gros les images et les liens s'affichent les uns à la suite des autres)
je ne connais pas la taille des liens, ni la taille de l'arbre une fois déployée et quand je rétrécis la fenêtre, il réarrange mes liens et images : résultat mon treeview ressemble plus à rien.
j ai essayé le div a taille fixe, ca marche pas.
 
 
ce que je souhaitais avoir des ascenceurs en cas de dépassement, c un ascenceur vertical et horizontal et voila le overflow. mais ce que je comprends pas c'est qu'il me met à sac mon treeview et ne m'affiche que la scrollbar verticale (va savoir charles)
 c plus compréhensible ? [:the time]

Reply

Marsh Posté le 18-12-2002 à 17:49:42    

Prince2Lu a écrit :

alors j explique, j ai un treeview fait en javascript (en gros les images et les liens s'affichent les uns à la suite des autres)
je ne connais pas la taille des liens, ni la taille de l'arbre une fois déployée et quand je rétrécis la fenêtre, il réarrange mes liens et images : résultat mon treeview ressemble plus à rien.
j ai essayé le div a taille fixe, ca marche pas.
 
 
 
ce que je souhaitais avoir des ascenceurs en cas de dépassement, c un ascenceur vertical et horizontal et voila le overflow. mais ce que je comprends pas c'est qu'il me met à sac mon treeview et ne m'affiche que la scrollbar verticale (va savoir charles)
 c plus compréhensible ? [:the time]


Oui globalement. Mais est-ce qu'on pourait avoir l'URL ou le code de tout ça ? Parce qu'a priori si tu mets tout tes liens dans un unique DIV avec une LARGEUR fixe il ne devrait pas y avoir de problème. Je pense que tu as moyen de connaitre la largeur maxi de ton tree. Par contre effectivement, on ne peut pas connaitre la hauteur.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-12-2002 à 09:14:54    

Code :
  1. <div id="tree" style="width:300; height:200; overflow: auto;">
  2. <script type="text/javascript">
  3. createTree(Tree);
  4. </script>


 
en gros dans ma fonction createTree, je fais des document.write de mes images et liens, les uns à la suite des autres et c'est ca qui bouge. Si je met tout dans un div fixe, le treeview ne se modifie pas tant qu'il ne dépasse pas cette taille fixe mais comme je ne connais pas à l'avance sa largeur ...Quand il dépasse cette largeur, tout la mise en page se bouge et seuleument la barre verticale apparait avec l overflow  :sweat:  

Code :
  1. document.write("<a href=\"#\" onClick=\"submitViaLien('"+nodeValues[3]+"')\" onmouseover=\"window.status='" + nodeValues[2] + "';return true;\" onmouseout=\"window.status=' ';return true;\"><images src=\"/images/folderopen.gif\" align=\"absbottom\" alt=\"\" />" + nodeValues[2] + "</a><br />" );


 

Reply

Marsh Posté le 19-12-2002 à 09:16:56    

d ailleurs y a une erreur dans le code que je viens de poster, c <img src= ... bien sur (mais bon faire des find & replace à tout va on en vient à modifier n importe quoi  [:yems93] )

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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