Positionnement de 3 div [HTML/CSS] - HTML/CSS - Programmation
Marsh Posté le 20-07-2003 à 22:38:00
ca marche pas trop comme je le voudrais justement ainsi
dans mon middle, jvais avoir 2 div, 1 pour une banniere, lautre pour mon contenu
jveux que le contenu reste entre la left et le right, sans déborder
alors jai pas vraiment le choix d'avoir un conteneur "middle" dans lequel jvais mettre 1 div de banniere et 1 div de contenu
jai tout vrai?
Marsh Posté le 20-07-2003 à 22:54:34
Bonsoir burgergold,
Peut être connais-tu ce lien http://www.positioniseverything.ne [...] glong.html
Il me semble que tu devrais y trouver de quoi réussir ta page.
Marsh Posté le 20-07-2003 à 22:58:22
bmgg4 a écrit : Bonsoir burgergold, |
ca semble plutot étrange sont truc
le left est en absolute, le right en float...
edit: et surtout, c plus des combines de hack de IE
edit2: dailleurs, moi jveux pas que les 3 colonnes ait la meme longueur, simplement que le middle soit de la meme longueur que le plus long (donc 100% de mon div#page)
mais ca fonctionne sans doctype, c le doctype qui me tue
edit 3 : mais ma version sans doctype ne fonctionne que sous IE
Marsh Posté le 20-07-2003 à 23:33:27
bon voici l'image, de ce que je veux que ca soit
jai donc des truc à gauche (logo, un module vide)
jai au centre un espace pour ma banniere, et mon contenu en dessous
jai à droite 1 module vide
Ce que je veux: vous voyez de la facon que mes modules sont connecté au contenu? bin si j'ai un module qui est plus long que le contenu, bin y va se connecter dans le vide
donc, faut que mon contenu (la grosse boite du centre), utilise toute la hauteur disponible
http://24.201.55.75:234/website.gif
jsais pas si c un peu plus clair ainsi
Marsh Posté le 21-07-2003 à 00:16:57
burger téléphone maison
suis-je un si grand incompris?
Marsh Posté le 21-07-2003 à 00:35:41
jsuis plutot désespéré, selon sque jvois sur le net, ya pas grand monde qui a réussi à fair ce que je veux
la faq jai deja la plusieurs truc, mais aucun ne "semble" correspondre à mon besoin
en gros, soit les gens utilise des positions absolute (ce qui enleve toute chance d'avoir un certain lien entre mon middle et mes left et right, soit c'est en float left, float right comme je lai fait
Marsh Posté le 21-07-2003 à 00:53:11
oh toi hotshot qui semble tout connaitre, et qui me dit simplement d'allez voir dans la faq, ce que je tente mais qui est peu fructueux, tu pourrais pas plutot me dire où plus exactement, parce que je trouve absolument rien, et jsuis sur ca depuis 1hrs cet après midi (heure de mtl), soit pas loin de 6hrs
Marsh Posté le 21-07-2003 à 03:34:23
HotShot a écrit : Ah et au fait : "height:100%" ça veut rarement dire qqch (cf. faq) |
jai remarqué, sous ie ca marche mais mozilla ca veut rien dire
Marsh Posté le 21-07-2003 à 03:37:28
ReplyMarsh Posté le 21-07-2003 à 03:46:03
ca fonctionne sous mozilla mais pas sous ie
Code :
|
sous ie, mon test2 va se foutre sous mon left, spour ca jdisais que ca faisais pas sque je voulais
Marsh Posté le 21-07-2003 à 03:48:29
HotShot a écrit : |
t'a vu la longueur de la faq? sérieusement j'en ait quand meme beaucoup lu, mais moi j'apprends beaucoup plus "sur le terrain" qu'en faisant simplement de la théorie
Marsh Posté le 21-07-2003 à 03:57:20
Code :
|
Marsh Posté le 21-07-2003 à 03:58:06
HotShot a écrit : Ah au fait, quand tu balances le code, merci de balancer la CSS qui va avec |
étrange ici jvois mon test2 sous menu...
Marsh Posté le 21-07-2003 à 04:01:48
HotShot a écrit : Tu connais la largeur (en % ou px) de right et left ? |
ca va etre à determiner avec lautre mec qui fait le design
disons 128px à gauche et 192 à droite pour le moment
bon kess que jai pu oublier
Marsh Posté le 21-07-2003 à 04:11:33
si javais simplement répondu oui on non, taurais pu me répondre par la suite : non mais tu la dis!
en la disant, bin ca répond à 2 questions
sinon dans la faq jai trouvé ca mais jusqua la jvois rien qui soit différent
Code :
|
Marsh Posté le 21-07-2003 à 04:20:06
dans leur css ya pas de margin
ensuite si jmets un margin à #page, bin ca tasse mon #left aussi
si jmets margin à #spacer, ca fou rien
Marsh Posté le 21-07-2003 à 04:32:01
ah bin dans ce cas fallait pas virer mon div middle alors, c lui qui fera office des margin
Marsh Posté le 21-07-2003 à 04:37:39
HotShot a écrit : |
ca l'implique que si j'ai 100 <p> jvais devois placer 100 fois le style, pas très commode il me semble...
edit: mais si jmets le div, il sort du flux normal
Marsh Posté le 21-07-2003 à 04:43:26
sinon selon toi faire un design de ce genre, sachant que les menus seront dynamique, le milieu aussi
http://24.201.55.75:234/website.gif
ca se fait bien ? car à priori jai beau avoir sque jai là présentement, j'ai l'impression que ca va pas dutout me donner sque jveux au final
Marsh Posté le 21-07-2003 à 04:46:18
je le comprends, mais comme je viens de dire, au final jcrois pas que ca va m'avancer plus à appliquer le design désiré
moi le but d'avoir cétait de pouvoir afficher la bordure de mon élément de contenu de la bonne hauteur pour que la jonction menu/contenu se fasse comme du monde, et ce meme si le menu dépasse la longueur normal du contenu
Marsh Posté le 21-07-2003 à 04:50:09
HotShot a écrit : |
mouep je vois, beaucoup de boulot sur la planche
sinon tu as ca toi? le contenu qui se trouve à droite de mon left (donc mon 1er élément dans le milieu), est décalé de quelques pixel vers la droite alors que ceux qui n'ont pas de menu à gauche arrive vraiment vis à vis.
Marsh Posté le 21-07-2003 à 04:53:32
Code :
|
Code :
|
Marsh Posté le 21-07-2003 à 05:16:10
arf, ca va pas bien allez pour du positionnement d'image ca...
Marsh Posté le 21-07-2003 à 11:54:24
HotShot a écrit : |
facile de : tu t'en fous de MSIE
ya quand meme 90% qui l'utilise et jai pas trop envi que 90% du monde voit une page qui fit pas bin, parce que eu le savent pas que c un bug de MSIE
ensuite, les dimensions précises, ca m'oblige à pas adapté le "middle" aux diverses résolutions
j'veux bien me forcer le cul pour suivre des standards mais là faut dire quia encore des améliorations de leur part à faire dans le domaine
Marsh Posté le 25-07-2003 à 02:29:28
HotShot a écrit : |
tout en float = mon middle prend seulement l'espace nécessaire, et pas tout l'espace restant
tout en absolu = meme chose sous IE, sous mozilla ca dlair à fonctionner
Code :
|
Code :
|
Marsh Posté le 20-07-2003 à 21:35:00
je voudrais avoir une structure du genre div left, div right, div middle, mais que le middle ait la même hauteur que le plus long des 2 autres
ca fonctionne sans doctype, mais si je mets un doctype xhtml 1.0 transitionnal ou 1.1, ca marche plus
voici mon css et mon html
---------------
http://www.boincstats.com/signature/user_664861.gif