28220 sujets

CSS et mise en forme, CSS3

Problème de positionnement CSS - Compatibilité IE/FF

Bonjour,

Le CSS et moi ne nous comprendrons jamais, surtout lorsqu'il s'agit de modelbox.

sur mon site : www.[editéparhoubahop].net
dans la colone de droite, l'image avec l'étoile qui sert de fond pour les titres des rubriques ne s'appliquent pas sur toute la largeur du div qui la contient.

J'ai allongé la taille de l'image mais cela n'y change rien.

actuellement, je ne lui ai pas donné de propriété width car dans ce cas la, elle déborde de la boite sur la gauche sous IE6 alors qu'avec FF, pas de problème.

Actuellement donc, j'ai reussi a positionner correctement l'image en ce qui concerne son bord gauche. Ce qui me manque, cela serait d'afficher cette image jusqu'a ce qu'elle touche le bord droit de la zone.

Voici le css (enfin, la partie concernée):
Cela ne se voit pas mais je remet le padding et les marges a zéro en haut du document.

Merci si vous pouvez m'aider car la je ne sais vraiment plus quoi faire.
Je sais bien que la solution est probablement dans la faq ou sur le forum, mais je débute en Css et il y a bcp de choses a assimiler Smiley lol .

Houb 



div#rightcolumn {
    padding: 0 10px;
    background: #f0e6c3; 
    width: 145px;
    float: right;
    height: 1%;
}

#rightcolumn .moduletable h3 {
height: 26px; 
position: relative;
left: -15px;
background: url(../images/rsidebar-modhead-bg.gif) no-repeat 0px 0px;
text-indent: 30px;

}

Modifié par houbahop (01 Feb 2007 - 23:15)
Merci, je viens de passer de transitional en strict.

Du coup, j'ai remis le width, cela ne fait plus déborder si je lui donne une valeur particulière.

Mais il reste toujours 30 pixels a droite de mon image, comme si il y avait un paddingn mais qui sont pris sur la taille de l'image.

que faire ?
Des largeurs fixes en pixels quand ça ne sert à rien (un élément de type bloc prendra par défaut toute la largeur disponible dans son conteneur), associées à du padding qui forcément agrandit le bloc... on rajoute par dessus un décalage de 15px via un positionnement relatif...

Il n'y a aucun problème avec l'image de fond des h3 de ta colonne de droite. Ce sont les h3 (et les blocs qui les contiennent, sur un ou deux niveaux) qui sont dimensionnés tout bizarrement. L'image de fond, elle, prend toute la largeur du h3.

Effectivement, quand tu dis que tu as des problèmes avec le modèle de boite CSS, c'est pas des blagues.
ehmmmm,
Oui...
laisse moi t'expliquer :

A cause des bugs ie, je suis obligé de tatonner, cad faire n'importe quoi pour essayer de compenser les bizarreries d'IE. alors lorsque je trouve un truc qui marche, j'essaye de le garder, mais ce n'est pas tjrs bon je sais bien..

Etant donné que je viens de changer le modèle sous les conseils de Marvin, je vais reprendre a zéro la partie concernant cette zone afin de voir si tout se positionne différemment.
Bonsoir houbahop,

Tout d'abord merci de choisir un meilleur titre. Comme c'est précisé dans le règles :
a écrit :
. Veuillez donner un titre de sujet évocateur lorsque vous en rédigez un nouveau, et non pas simplement 'Question', 'HELP', 'Problème!' ou 'URGENT!!!!'.


La position relative est mal utilisée: ça ne fera que décaler la boite sans l'agrandir.
Les éventuelles solutions : soit utiliser des marges négatives, soit enlever le padding appliqué aux conteneurs

"houbahop" a écrit :
Merci, je viens de passer de transitional en strict.

Ce n'est pas utile et le doctype transitional était sûrement plus adapté au code utilisé.
Modifié par Alan (01 Feb 2007 - 22:55)
Merci Alan,

j'ai trouvé une super solution, c'est de tout remettre dans l'etat initial d'achat du template. (une petite image d'étoile et une bordure horizontale en dessous)
Parce que si il y à un souci dans la conception du template, je ne vais pas m'amuser à tout refaire.

Le pire c'est qu'avec du recul je trouve prèsque que c'est mieux avec la décoration originale !

En tout cas ca m'a l'air "touffu" le CSS... merci pour vos réponses.
Sujet clos
Aller à