28221 sujets

CSS et mise en forme, CSS3

Espacement entre div

Bonsoir,

J'ai voulu réaliser un cadre arrondi autour de mon forum.
Apres m'être débattu longement, je suis arrivé à un résultat presque parfait.
Il me reste un léger souci : un décalage entre deux div imbriqués.

Voici le code HTML :
<div id="global">
<div id="cadre">

<div class="rbroundbox">
<div class><div><div></div></div></div>

<div class="rbcontentwrap"><div class="rbcontent">
<div class="bginwhite">
FORUM
</div>
</div>
</div>
<!-- /rbcontentwrap -->
<div class="rbbot"><div><div></div></div></div>
</div><!-- /rbroundbox -->

</div><!-- /cadre -->
</div>


Et le CSS :
#cadre .rbbot
{
	background: url(http://www.arcanights.com/Forum/a8.gif) repeat-x;
}

#cadre .rbbot div
{
	background: url(http://www.arcanights.com/Forum/a7.gif) no-repeat top left;
}

#cadre .rbbot div div
{
	background: url(http://www.arcanights.com/Forum/a9.gif) no-repeat top right;
}

#cadre .rbcontentwrap
{
	background: url(http://www.arcanights.com/Forum/a4.gif) repeat-y;
}

#cadre .rbcontent
{
	background: url(http://www.arcanights.com/Forum/a6.gif) repeat-y right;
	padding: 0px 1em;
}

#cadre .rbbot div, #cadre .rbbot
{
	width: 100%;
	height: 26px;
	font-size: 1px;
}

#cadre .rbroundbox
{
	width: 100%;
}

#global
{
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

.bginwhite
{
        background-color: #FFFFFF;

}


Voici la page où l'on peut observer le trait vert entre l'entourage et le forum des 2 côtés :
http://www.arcanights.com/Forum/

Merci d'avance pour vos réponses.
Salut,

chez moi, ça a l'air de s'afficher correctement (FF)...

Par contre, au niveau du code, c'est quoi tous ces DIV imbriqués et vides?
Désolé, mais je ne vois toujours pas ce qui cloche.

Pour les div:

a écrit :
<div class><div><div></div></div></div>


Sauf erreur de ma part, bien sûr.
bouquins a écrit :
Désolé, mais je ne vois toujours pas ce qui cloche.


Tu ne vois pas le filet vert au milieu du cadre rouge que j'ai fait sur l'image ?
OK, vu...c'est tellement ténu...

Heu...ça te dérange vraiment? Moi, je n'y avais même pas prêté attention.
Oui, ça dérange celui pour qui je le fais Smiley smile

J'aimerai comprendre d'où ça vient et surtout comment le régler.
Modifié par Mandeo (22 May 2005 - 14:13)
Tu n'aurais pas laissé traîner, à des fins de visualisation, un truc du style

border: 1px solid green;


quelque part? Smiley langue
non, j'ai trouvé finalement !
c'était du à mes images qui faisaient les bords gauche et droit et qui n'étaient pas assez large (10px) je les ai agrandi et c'est impec maintenant !
Sujet clos
Aller à