Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Besoin d'aide pour CSS [ CSS / Général ] (PROTECTIONNISTE)

lundi 25 août 2008 à 19:03:15 | Besoin d'aide pour CSS

PROTECTIONNISTE

Bonjou,
Je bloque sur un probleme en CSS
j'ai un bloc conteneur d'une taille aleatoire.
à l'interieur un sous conteneur lui fais 100% de la largeur du conteneur.
Jusque la pas de probleme.
Ensuite dans le sous conteneur j'ai 3 div :
un a gauche de 10pixel
un au milieu (d'une taille inconnu car le conteneur et d'une taille aleatoire)
et le 3eme a droite est egalement de 10pixel

ce que je veux c'est comme sur l'image mais moi le div du centre ne fais pas la totaliténe rempli pas entre les 2autre div est fais une taille (que je ne commande pas ...

Merci pour votre aide


lundi 25 août 2008 à 19:22:25 | Re : Besoin d'aide pour CSS

nicomilville

Membre Club
Salut,

Il te suffis d'attribuer la ton div la taille de ta page en largeur-20px...

Exemple :

document.getElementById('div_milieu').style.width = document.body.offsetWidth+"px";

Met la position en absolute et met le margin a 0px...

a++

Si la réponse vous convient, pensez : Réponse acceptée !


lundi 25 août 2008 à 19:52:56 | Re : Besoin d'aide pour CSS

PROTECTIONNISTE

aucun moyen sans passer par javascript?
Merci de la réponse en tout cas.

lundi 25 août 2008 à 19:54:21 | Re : Besoin d'aide pour CSS

PROTECTIONNISTE

Ah j'y pense en plus vu qu'il y aura plusieurs theme  les coté (en rouge sur le schema) ne seront peut être pas toujours a 10 px ....

lundi 25 août 2008 à 19:58:14 | Re : Besoin d'aide pour CSS

nicomilville

Membre Club
ce ne sera pas un pb...

Ba faut passer par du javascript parce qu'en css on peut pas faire de calcul...

a++

Si la réponse vous convient, pensez : Réponse acceptée !


mercredi 27 août 2008 à 00:04:20 | Re : Besoin d'aide pour CSS

Arto_8000

Réponse acceptée !
nicomilville -> Désolé, mais tu es dans le champs. Faut tout simplement voir les choses autrement. Il est très simple de faire cela avec seulement du CSS.

Si tu veux aligner un div par rapport à la droite au lieu de la gauche, utilise la propriété "right", au lieu de "left".

Rapidement tes 3 conteneurs ressembleront à ceci :

#left{
width: 10px;
position: absolute;
left: 0px;
}

#right{
width: 10px;
position: absolute;
right: 0px;
}

#main{
margin: 0px 10px 0px 10px;
}

Liens fort utile avec beaucoup d'exemple : http://www.intensivstation.ch/en/templates/ (surtout les derniers exemples)

mercredi 27 août 2008 à 00:26:31 | Re : Besoin d'aide pour CSS

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
pour commencer, petit exemple pour trois colonnes avec 2 de taille fixe et 1 occupant le reste...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style type="text/css">
body {
  padding : 0px;
  margin : 0px;
}
#D_LEFT {
  float: left; /* important */
  width: 150px;
  height : 200px;
  margin : 0px;
  padding: 0px;
  background: #c0c0f0;
}
#D_RIGHT {
  float: right; /* important */
  width: 150px;
  height : 200px;
  margin : 0px;
  padding : 0px;
  background: #f0c0c0;
}
#D_CENTRE {
  height : 200px;
  margin : 0px;
  padding : 0px;
  background: #c0f0c0;
}
</style>
</head>
<body>
<div id="D_LEFT">GAUCHE</div>
<div id="D_RIGHT">DROITE</div>
<div id="D_CENTRE">CENTRE</div>
</body>
</html>

- Notes bien l'ordre d'écriture dans le document.
- Pour un bon rendu il te faut également déclarer un DOCTYPE

vu qu'il y aura plusieurs theme
là tu seras obligé de passer par le javascript, pour changer la taille des DIVs ou pour changer la feuille de style...
;O)

mercredi 27 août 2008 à 07:38:05 | Re : Besoin d'aide pour CSS

PROTECTIONNISTE

ok super merci
ici l'ordre du css a donc une importance j'avais tout de correct sauf l'ordre merci ;-)
pour le theme oui je passerais par du javascript pas de soucis ;-) mais je voulais pouvoir gérer l'apprence d'un theme sans passer par du javascript.
Merci



Cette discussion est classé dans : aide, taille, conteneur, css, div


Répondre à ce message

Sujets en rapport avec ce message

probleme de taille en CSS sur une balise div [ par kimmelf2 ] voila ce que j'ai essaye de faire :<img src="logo Structure d'une page avec des DIV [ par MadM@tt ] Bonjour j'ai une question toute simple qui me résiste depuis plusieurs année !et comme je commence un nouveau site web, j'aimerais le faire propre, c' taille du scrool d'un div en overflow [ par destiny ] Bonjour,J'ai un div avec un "overflow-x:scroll". J'aimerai connaitre la taille absolue (div+srcool) de celui.j'ai essayer plusieurs choses du type :di CSS : Bug de positionnement ie6 [ par leejunfan ] Bonjour, j'ai un petit soucis avec ie6 que je dois pourtant certifier (le site s'affiche bien dans ie7 et firefox)Voila mon problème :J'ai une page di Centré mon conteneur en CSS [ par DrThrax ] Bonjour à tous.J'ai un petit soucis sans doute tout bête à résoudre, mais je n'y arrive pas.... J'ai crée un conteneur en css#main{position: relative; Taille d'un curseur en CSS [ par psylo66 ] Bonjour, voila ca fait un petit moment  je cherche a changer la taille du curseur en CSS.j'ai réussit à changer l'image de mon curseur via cette ligne affichage d'un résultat XML traité en CSS dans un DIV [ par rajaArabi ] Bonjoiur tout le mondeje veux savoir si on peut afficher dans un div un résultat XML mis en forme avec du CSS.Raja AU SECOURS!! J'ai besoin d'aide sur des DIV [ par webman21600 ] Voila mon problème c'est que je suis débutants mais vraiment (je connais rien) en JS et je cherche un script qui pourrait faire apparaître une balise comment avoir le height width d'une div ... [ par GuilleW ] Disons que j'ai une div qui contient des image texte etc ... je voudrai avoir sa taille mais comme sa varie je ne peux mettre qu'une variable pour la Aide sur un DIV qui se centre pas correctement [ par deubeuliou ] Bonsoir à vous,Voici ma situation:Je fais appel à vos services pour un DIV qui me pose problème depuis maintenant un bail. Tout d'abord, voici mon déb


Nos sponsors

Sondage...

CalendriCode

Décembre 2008
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,203 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.