[css] largeur d'une <div> = largeur du tableau contenu dedans..

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [css] largeur d'une <div> = largeur du tableau contenu dedans..

art_dupond

je suis neuneu... oui oui !!

youp,

j'ai :

je voudrais que tous les <div> aient la meme largeur que le tableau.

mais je ne sais pas comment dire à GRAND d'avoir la meme taille que le tableau

les <div> prennent toujours le plus de place possible il est possible de leur dire de prendre le moins de place possible ?

merci

---------------
oui oui

Publicité

gm_superstar

Appelez-moi Super

Ben donne une largeur aux DIV

Sinon, si tu la connais pas, passe en position absolue, le DIV s'ajustera alors à la taille de son contenu.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

bobe

Code :

<div id="1">
</div>

Attention, ça, ce n'est pas valide. Un id ne peut commencer par un chiffre.

KrX

All your base are belong to us

Si tu ve que ton div ait la taille de ton tableau tu définis une taille à ton tableau le div s'adaptera, si tu ve que ton tableau ait la taille de ton div tu définis une taille au div et tu indique 100% pour la taille du tableau qui s'adaptera alors à ton div.

---------------
Antisocial, tu perds ton sang froid Tu masques ton visage en lisant ton journal Repense a toutes ces années de service Antisocial, bientôt les années de sévices Enfin le temps perdu qu'on ne rattrape plus 4Ñ 7¡ $Ø Ç!ÂL

Rainbow_Efreet

art_dupond

je suis neuneu... oui oui !!

youp,

bon, je crois que je n'ai pas été assez précis

alors voilà la page: http://belgibique.be/brol.html

je voudrais que Vert et Mauve prennent la taille de Rouge ; et que Vert soit centré dans Bleu.

j'ai mis Vert en position: absolute, mais il ne prend pas la taille de rouge

ah oui, je ne connais pas la taille de rouge (qui est un tableau)

<html>
<head>
<style>
#geante {
width: 800px;
border: 2px solid blue;
padding: 10px;
}

#grande {
position: aboslute;
padding: 5px;
margin: 0 auto 0 auto;
border: 1px solid green;
}

#mini {
border: 1px solid purple;
text-align: center;
margin-top: 5px;
}

table {
border: 1px solid red;
}
</style>
</head>
<body>
<div id="geante">
<div id="grande">
<table>
<tr>
<td>brol</td>
<td>brol</td>

<td>brol</td>
<td>brol</td>
</tr>
</table>
<div id="mini">
pout
</div>
</div>

</div>
</body>
</html>

bobe> merci, je ne savais pas

Message édité par art_dupond le 26-05-2004 à 12:02:10

---------------
oui oui

deliriumtremens

sic transit intestinal...

Dans #grande
Fais un
float:left au lieu de position:absolute et ch'est bon je crois

Ah non vert n'est plus centré

Message édité par deliriumtremens le 26-05-2004 à 12:17:40

art_dupond

je suis neuneu... oui oui !!

oups j'avais mis aboslute...

bon maintenant ca ne ressemble plus à rien

edit: c'est normal vu que je n'avais pas précisé que j'avais une div extérieur.

mais ca ne prend quand meme pas la taille du contenu...

Message édité par art_dupond le 26-05-2004 à 12:51:02

---------------
oui oui

deliriumtremens

sic transit intestinal...

J'ai trouvé une solution pour IE6, mais les résultats sont totalement différents (entre eux et avec IE) sous Moz et Opera

Code :

#geante {
float:left;
width: 800px;
text-align: center;
border:1px solid blue;
padding: 5px;
padding-left:50%;
padding-right:50%;
}
#grande
{
padding: 5px;
float:left;
border: 1px solid green;
}
#mini {
border: 1px solid purple;
text-align: center;
margin-top: 5px;
}
table {
border: 1px solid red;
}

A mon avis, ça va être difficile de trouver une solution sans donner une taille (même en pourcentages) à ton tableau, que tu pourras donner à la div #grande.

Mais bon je peux me gourrer.

deliriumtremens

sic transit intestinal...

Je m'amuse encore

Le plus propre pour les 3 navigateurs cités serait

Code :

<style>
#geante {
width: 800px;
text-align: center;
border:1px solid blue;
padding: 5px;
text-align:center;
}
#grande
{
padding: 5px;
width:50%;
border: 1px solid green;
margin-left:auto;
margin-right:auto;
}
#mini {
border: 1px solid purple;
text-align: center;
margin-top: 5px;
}
table {
border: 1px solid red;
width:100%;
}
</style>

Mais si le tableau est plus grand que les 50% de la div #grande, il sort du cadre vert (Opera et Moz) ou #mini ne prend pas la bonne taille (IE)... Tu peux agrandir la taille de cette div (en %), mais j'ai pas trouvé mieux

Message édité par deliriumtremens le 26-05-2004 à 14:00:50

Publicité

art_dupond

je suis neuneu... oui oui !!

yop donc il faudra que je fixe une taille si j'ai bien compris...

merci en tout cas

---------------
oui oui

FORUM HardWare.fr

Programmation

HTML/CSS

[css] largeur d'une <div> = largeur du tableau contenu dedans..

Sujets relatifs
Cacher les champs d'un tableau	[c] enregistrement des noms des fichiers dans un tableau
contenu réel d'un fichier texte ou exe [debutant]	Petit problème avec un transfert de tableau
ecrire un tableau dans un fichier	[ASP] lister le contenu d'un répertoire
Extends un tableau basique, c'est impossible ?	comment imprimer une le contenu d'une dbgrid
[c][Resolu]Passage d'un tableau à une fonction	[php] arrive pas a afficher le contenu d'une table SQL [nb inside]
Plus de sujets relatifs à : [css] largeur d'une <div> = largeur du tableau contenu dedans..

Page générée en 0.063 secondes