[RESOLU] Placement de div

Bonjour à tous,

Voilà mon problème :

Je souhaite mettre des coins arrondis à mes DIV. Je suis aller sur un générateur, jusque là pas de problème. J'ai récupéré les images et puis j'ai essayé de l'adapter.

Le résultat que je souhaiterai obtenir, c'est 3 DIV superposées. Celle du haut avec mes coins arrondis et celle d'en bas avec mes autres coins arrondis. Et celle du milieu sert à l'affichage.

Ce que j'obtiens, c'est les deux DIV "arrondis" superposées l'une sur l'autre et la DIV d'affichage en dessous.

HTML

<div id="droite">
	<div class="arrondi">
		<div class="rbtop_week"><div></div></div>
	</div>
	<div id="zoom">
	<?php
	echo '
	<script language="Javascript">showWeek(\''.mktime(0,0,0,date("m"),date("d"),date("Y")).'\');</script>
	';
	?>
	</div>
	<div class="arrondi">
		<div class="rbbot_week"><div></div></div>
	</div>
</div>

CSS

.arrondi { margin-left: 167px; background: #c3d9ff; }
.rbtop_week div { background: url('../images/tl.gif') no-repeat top left; }
.rbtop_week { background: url('../images/tr.gif') no-repeat top right; }
.rbbot_week div { background: url('../images/bl.gif') no-repeat bottom left; }
.rbbot_week { background: url('../images/br.gif') no-repeat bottom right; }

.rbtop_week div, .rbtop_week, .rbbot_week div, .rbbot_week {
	height: 7px;
	font-size: 1px;
	padding-left: 0px;
}

#droite {
	position: absolute;
	top: 50px;
	width: 975px;
}

A première vue, je dirais que le problème vient du fait que la DIV #droite est en position: absolute. Mais je n'arrive pas à corriger tout ce bazar.

Je vous remercie d'avance

Damien
Modifié par damsdu77 (21 Dec 2007 - 15:43)

Bonjour,

Ça me semble bien laborieux. Tu as besoin de tout ce code HTML pour faire des coins arrondis?
Il y a peut-être moyen de simplifier.

Pour le problème avec div#zoom... eh bien, tu ne donnes pas le code CSS de div#zoom, donc difficile à dire.

D'où les deux questions suivantes:
- quel est le rendu à obtenir?
- peut-on voir la page en ligne?

#zoom n'a pas de propriété spécifique mais me sert seulement a placer mes DIV arrondis au dessus et en dessous

Le site n'est pas en ligne c'est seulement en local.

Voilà ce que je souhaite obtenir

Si c'est en largeur fixe, tu peux faire ça avec deux blocs et une seule image de fond.

Cf. par exemple: http://web.covertprestige.info/test/05-boite-avec-bordures-en-html-et-css.html

j'y avais pensé avant je faisais ca avec les tableaux et je me suis dis : a passer aux div autant changer totalement ma facon de coder.
Mais bon c'est pas encore ca .
Je fais faire comme ca ce sera plus simple
Merci pour ton conseil

c'est bon ca fonctionne.
Merci beaucoup