Positionnement absolute, flux, taille des boites

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Positionnement absolute, flux, taille des boites

milootooloo

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

Publicité

gatsu35

Blablaté par Harko

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

milootooloo

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

gatsu35

Blablaté par Harko

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

milootooloo

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

milootooloo

Toujours personne n'a d'idée?

tpierron

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

milootooloo

Hum.. Merci de l'idée mais non. Je vais devoir traficoter du coté de javascript.. Si ca interesse quelqu'un (on sait jamais)

mIRROR

Chevreuillobolchévik

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

milootooloo

Pas loin mIRROR, je vais essayer de laisser les boites dans le flux, je vous tiendrais au courant.

FORUM HardWare.fr

Programmation

HTML/CSS

Positionnement absolute, flux, taille des boites

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
Plus de sujets relatifs à : Positionnement absolute, flux, taille des boites

Page générée en 0.042 secondes