[CSS] des espaces entre mes DIV....

Marsh Posté le 24-02-2004 à 20:34:23

voilà, j'ai 4 div : un content, et trois dedans avec des float comme ceci

+---------------------------+
| +--+ # +---------+ # +--+ |
| | | # | | # | | |
| +--+ # +---------+ # +--+ |
+---------------------------+

le problème c'est que, quand je les affiche, j'ai des espaces (matérialisé ici par les '#', alors que je voudrais qu'ils soient collés...

voici le code :

Code :

<style>
.FrameT { height: 25px; background: #C00;}
.FrameTL {width: 25px; height: 25px; background: #960; float: left;}
.FrameTC {width: 100%; height: 25px; background: #069;}
.FrameTR {width: 25px; height: 25px; background: #090; float: right;}
</style>
<div class="FrameT">
<div class="FrameTL">01</div>
<div class="FrameTR">02</div>
<div class="FrameTC">03</div>
</div>

si vous y voyez qqchose...

Reply

Marsh Posté le 24-02-2004 à 20:34:23

Reply

Marsh Posté le 24-02-2004 à 20:36:15

.FrameTC {margin: 0 25px; height: 25px; background: #069;}

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

Reply

Marsh Posté le 24-02-2004 à 20:37:55

ça marche pas...

Reply

Marsh Posté le 24-02-2004 à 20:40:26

Si.

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

Reply

Marsh Posté le 24-02-2004 à 20:47:22

Avec ce code :

Code :

<style>
.FrameT {height: 25px; background: #C00;}
.FrameTL {width: 25px; height: 25px; background: #960; float: left;}
.FrameTC {margin: 0 25px; height: 25px; background: #069;}
.FrameTR {width: 25px; height: 25px; background: #090; float: right;}
</style>
<div class="FrameT">
<div class="FrameTL">01</div>
<div class="FrameTR">02</div>
<div class="FrameTC">03</div>
</div>

j'obtient ça :

ce que l'on voit en rouge ne devrait pas apparaître...

Message édité par xkamui le 24-02-2004 à 20:50:15

Reply

Marsh Posté le 24-02-2004 à 20:50:20

C'est IE qui donne cet affichage ?

Si tu diminues la marge de FrameTC ça disparaît ou pas ?

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

Reply

Marsh Posté le 24-02-2004 à 20:52:51

c'est Ie en effet
pour ce qui est de changer les marges... non, ça change rien quand je les diminues... par contre, quand je les augments, on voit bien que la partie bleue (TC) se rapetisse

Reply

Marsh Posté le 25-02-2004 à 00:23:44

Bon sinon y'a cette méthode avec le positionnement absolu :

.FrameT {
position: relative;
height: 25px;
background: #C00;
}
.FrameTL {
position: absolute;
left: 0;
width: 25px;
height: 25px;
background: #960;
}
.FrameTC {
margin: 0 25px;
height: 25px;
background: #069;
}
.FrameTR {
position: absolute;
right: 0;
width: 25px;
height: 25px;
background: #090;
}

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

Reply

Marsh Posté le 25-02-2004 à 00:24:38

nickel !! vendu

merci beaucoup !!!

Reply

[CSS] des espaces entre mes DIV....

Sujets relatifs:

Leave a Replay