28173 sujets

CSS et mise en forme, CSS3

Bonjour
J'aurais voulu savoir une petite chose.
je voudrais faire de coin arrondie sur le haut de ma div principal qui est le contenu

Ma page s'organise comme ça

COUTENU qui comporte


Header


MENU CENTRE


PIED


J'avais mis comme code :

<div id="conteneur">
	  	      <div id="hautdroit"></div><div id="hautgauche"></div>
	  <div id="header">....


mais ça ne fonctionne pas enfin si pour l'arrondi de gauche pas de soucis mais pour le droit il se prend pour l'arrondi du Header... alors quand ma page de contenu est trop large...une bande blanche s'ajoute sur la partie droite de mon site et l'arrondi se fait donc juste sur le cadre en haut à droite de mon header..

voilà mon css

#header {
height: 100px;
background-color: #FFFFFF;
}
#conteneur {
position: absolute;
width: 80%;
background-color:#FFFFFF;
}
#centre {
background-color:#FFFFFF;
margin-left: 180px;
min-height: 600px;
height: auto !important;
height: 600px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #FFFFFF;
}
/* ARRONDIS DES DIV */	
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(image/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(image/hautdroit.gif);
}


merci d'avance
Bonsoir Smiley smile

Jet'avouerai que j'ai un peu de mal à comprendre ce que tu veux faire et quel est l'effet recherché.
Tu ne pourrais pas nous montrer quelques images ou screen de ce que tu voudrais ?
Modérateur
bonjour,

#conteneur {
position: absolute;
width: 80%;
background-color:#FFFFFF;
}

et
#hautdroit {
float: right;
background: url(image/hautdroit.gif);
}


et pour #header , quel largeur fait-il ? , y'a t-il une umage de fond qui ne couvre pas toute la largeur ?
...

La description de ton probleme n'est pas assez detaillé , il manque quelques infos ou lien d'aperçu du bug , pour voir ce qui le produit.

A voir le css comme ça et l'extrait de html , il n'y a pas de raison que ça ne marche pas .

++