Positionner horizontalement trois div

Marsh Posté le 31-07-2005 à 16:42:21

Hello,
alors là je fais mon gros noob.
Ce que je voudrais faire c'est placer horziontalemnt trois texte comme je l'aurai fait avec un tableau:
par exemple ce la donnerai:

Citation :

Objet:XYZ PRIX:999 QUANTITE:999

J'ai donc fais ce qui me semblait naturel:
(ce code marche très bien pour faire des design de site avec des colonnes gauche milieu droite, mais la je sais pas pourquoi ca refuse de le faire avec simplement trois petits textes)

Code :

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Test de positonnment</title>
<style title="testPos"
media="screen" type="text/css">
.Gauche { position: absolute;
width:150px;
left: 0px;
}
.Droite { position: absolute;
right: 0px;
width:150px
}
.milieu
{
margin-left: 200px;
marign-right:200px;
}
</style>
</head>
<body>
<div class="gauche">Gauche</div>
<div class="milieu">Milieu</div>
<div class="droite">Droite</div>
</body>
</html>

Resultat:
"droite" est une ligne en dessous du reste.(mais pourquoi donc?)
J'ai essayé avec des floats j'ai le meme resultat. Je voudrais eviter d'utilier un tableau(meme si ca reglerait mon problème :cry: )
J'ai du louper un truc evident et je m'en excuse d'avance :lol:

Reply

Marsh Posté le 31-07-2005 à 16:42:21

Reply

Marsh Posté le 31-07-2005 à 16:47:33

Elles m'ont un peu l'air tabulaires la tes données quand même? [:pingouino]

Ce sont des listings articles - prix - qtt de n lignes? si oui, c'est à mettre dans un tableau

"Tableless design" ça veut pas dire "pas de tables", ça veut dire "pas de tables pour la mise en forme", mais quand les données sont tabulaires (== le genre de trucs que tu pourrais mettre dans Excel ou OpenOffice Calc), ben c'est pas bien utile de les mettre dans autre chose qu'un tableau puisque c(est pour ces données même que les tables existent [:pingouino]

Message édité par masklinn le 31-07-2005 à 16:49:13

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 31-07-2005 à 16:48:22

Ajoutes un position: absolute; à la class .milieu et corrige margin-right et ça devrait aller.

Message édité par dotfx le 31-07-2005 à 16:49:19

---------------
www.renderfarm.online

Reply

Marsh Posté le 31-07-2005 à 17:29:49

@Masklin.
C'est la question que je me posais. Mais celà n'est fait que sur une ligne.(répété dans différentes boites bien séparées, mais sur une seule ligne a chaque fois)
@dotfx. Merci, effectivemnt j'aurai du voir le coup du 'margin'(pourtant c'est pas faute de relire).Mais le probleme persiste toujours.le block droite reste en dessous.