Positionner horizontalement trois div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Positionner horizontalement trois div

kray

Bad show?

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:

Publicité

masklinn

í dag viðrar vel til loftárása

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

dotfx

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

kray

Bad show?

@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.

Message édité par kray le 31-07-2005 à 17:45:56

energiez

inclu le div gauche et milieu ds un autre div, placer en absolute. Ca devré le faire

Message édité par energiez le 31-07-2005 à 18:19:20

---------------
Mon feed-back - tt.mereville.free.fr

FlorentG

Unité de Masse

div {
float: left;
width: 33%;
}

FORUM HardWare.fr

Programmation

HTML/CSS

Positionner horizontalement trois div

Sujets relatifs
CSS centrer trois div sur une ligne	Comment positionner des bloc <div> </div>
envoie de formualire : trois clics FF contre un seul pour IE	Se positionner dans un recordset
Fusionner trois tables (résolu)	Desallocation d'un tableau a trois dimension
[Réglé][CSS]Aligner mes boutons horizontalement	Positionner un commentaire
Est-il possible de positionner automatiquement le pointeur de souris ?	comment positionner des elements dans un JPanel?
Plus de sujets relatifs à : Positionner horizontalement trois div

Page générée en 0.068 secondes