Positionnement absolute, flux, taille des boites
Positionnement absolute, flux, taille des boites - HTML/CSS - Programmation
Marsh Posté le 25-05-2008 à 16:30:45
tu as vraiment besoin de foutre toutes tes boites en position:absolute ?
pour moi non,
car il te suffit d'avoir un conteneur en float:left, qui contient toutes tes boites mises les unes en dessous des autres, et ensuite il te suffit simplement d'y ajouter des marges.
placer les boites comme tu fais, sur un site comme je vois, n'est pas la bonne solution
Marsh Posté le 25-05-2008 à 19:22:44
Je sais bien que ca parait une solution étrange, mais c'est un impératif. La solution des float left est absolument inenvisageable car je veux pouvoir placer mes boite ou bon me semble. C'est un minuscule bout de mon site. Mais merci quand meme.
Message édité par milootooloo le 25-05-2008 à 19:23:33
Marsh Posté le 26-05-2008 à 00:57:16
ben placer tes boites ou bon te semble suffit juste de déplacer les boites dans le code HTML hein
car sinon bonjour les dégats si les contenus de tes boites change (donc tes boites deviennent plus hautes), tu te retrouves obligé de recalculer tous leurs emplacement
Marsh Posté le 26-05-2008 à 10:46:19
Oui mais ce n'est pas un problème.
Je ne cherche pas à discuter ce point précis qui est inchangeable. Et justement ces positions sont calculées de manière dynamique. Je cherche juste à savoir si il est possible de faire ce que je veux faire. Sinon je vais tout faire à grand coups de javascript et ca sera moins propre que du pur css.
Message édité par milootooloo le 26-05-2008 à 11:02:31
Marsh Posté le 28-05-2008 à 19:37:06
Bah, j'ai bien peur que tu ne puisses rien faire (à part changer tes position: absolute, en un truc un peu moins violent).
Petite piqure de rappel : une valeur "absolute" pour l'attribut "position", fait sortir ton élément du flux de son conteneur. Du coup c'est tout à fait normal que ton conteneur fasse 0 pixel de haut.
Et franchement, j'ai vraiment du mal à voir ce qui justifie cette mise en page en "absolute". Même pour un truc avec 12000 fois plus de boîte que ton site actuel, c'est gérable sans "position: absolute".
Edit: Ha, j'avais oublié la méthode "goret" : puisque tout est calibré au pixel près, pourquoi ne pas fixer la taille de ton div conteneur pour englober tout le site. C'est bancal, car une (petite) partie dépend du formattage du texte, mais toujours mieux qu'un div de 0 pixel de haut.
Message édité par tpierron le 28-05-2008 à 19:39:26
Marsh Posté le 16-06-2008 à 16:27:35
Hum.. Merci de l'idée mais non. Je vais devoir traficoter du coté de javascript.. Si ca interesse quelqu'un (on sait jamais)
Marsh Posté le 16-06-2008 à 21:05:04
hin hin
vu les bordures sur tes cadres tu veux faire un truc genre iGoogle nan ?
(en fait j ai l impression que tu veux garder des absolute juste pour que l on puisse deplacer les blocs)
si c est bien ca alors ca change rien: ta page initiale doit etre placée correctement
c est a dire dans son flux normal et c est seulement ensuite que ton js doit moidifier tes propriétés
sinon tu n as absolument aucune excuse a moins que tu developpes un peu
mais j ai beau me creuser la tete je ne vois aucun contexte qui puisse imposer une position en absolute
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Marsh Posté le 18-06-2008 à 09:31:10
Pas loin mIRROR, je vais essayer de laisser les boites dans le flux, je vous tiendrais au courant.
Sujets relatifs:
- Taille "réelle" d'une chaîne de caractères
- noter et commentaire dans un site puis taille de fenetre...
- [réglé] Probleme taille fenetre popup
- Positionnement et hauteur variable en CSS
- affichage flux camera
- [XSLT] Pagination flux RSS Client seulement
- Background image et taille du div
- Redirigé flux vers console(sous windows)
- convertir date d'un flux RSS
- taille d'un fichier avec url
Marsh Posté le 25-05-2008 à 13:39:24
Bonjour,
J'ai un petit problème de positionnement de mes css. J'ai mis en ligne une page statique représentative de mon problème.
http://www.kobua.com/test/Kobua.htm
Ma structure peut se résumer ainsi:
<body>
<div id="global">
</div id=box106>blabla</div>
</div id=box107>blabla</div>
</div id=page>blabla</div>
</div>
<div id=menu></div>
</body>
Mes box106 et 107 sont en absolute (je veux pouvoir les placer au pixel près par rapport au div global).
J'ai mis mon div global en relative et des marges auto pour centrer le tout.
Mon problème est que la taille du div global ne s'adapte pas en fonction des positions des box à l'interieur, or, je voudrais que la bordure inferieur de mon div global se trouve tout en bas de la page. Accessoirement, je voudrais que mon div page ait aussi sa bordure inferieure collée à celle du global.
J'ai du ne pas comprendre quelquechose parce que ca ne marche pas du tout.
Quelqu'un a une idée?
Je précise que je cherche a faire fonctionner cette page sur firefox, pour le reste je verrai plus tard.
Grandement merci!
Miloo
Message édité par milootooloo le 25-05-2008 à 14:27:03