Probleme div css
Résolu/Fermé
vincent.jerem
Messages postés
29
Date d'inscription
lundi 12 janvier 2009
Statut
Membre
Dernière intervention
6 mars 2010
-
18 févr. 2009 à 20:33
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 18 févr. 2009 à 21:19
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 18 févr. 2009 à 21:19
A voir également:
- Probleme div css
- Div c++ - Télécharger - Langages
- Css lien non souligné - Astuces et Solutions
- Enlever couleur lien css ✓ - Forum CSS
- Remplacer #div/0 par vide ✓ - Forum Excel
- Afficher/cacher un div au clic en css ✓ - Forum HTML
9 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
18 févr. 2009 à 20:38
18 févr. 2009 à 20:38
salut,
tu as l'URL stp ?
tu as l'URL stp ?
lucasc
Messages postés
97
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
12 juin 2009
14
18 févr. 2009 à 20:39
18 févr. 2009 à 20:39
Je pense avoir une idée mais il faut tester (vraiment pas sûr...)
Essaye de mettre tes divs dans des "div principale":
Créer 3-4 div principal : div id="menu", div ="contenu principale", ...
Je te dis ca car j'avais ce même problème et depuis que je suis passé sur dreamweaver (où maintenant mes divs sont contenus dans des div) je n'ai plus ce problème.
Mais comme je l'ai dit ce n'est qu'une idée, aucunes certitudes.
bon courage
Essaye de mettre tes divs dans des "div principale":
Créer 3-4 div principal : div id="menu", div ="contenu principale", ...
Je te dis ca car j'avais ce même problème et depuis que je suis passé sur dreamweaver (où maintenant mes divs sont contenus dans des div) je n'ai plus ce problème.
Mais comme je l'ai dit ce n'est qu'une idée, aucunes certitudes.
bon courage
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
18 févr. 2009 à 20:39
18 févr. 2009 à 20:39
Si tu défini par rapport à un côté de l'écran, le placement globale sera défini par la résolution de l'écran.
Dans ton cas, plus haute est la résolution et plus ton bloc sera sur la gauche. A l'inverse, plus la résolution est basse et plus le bloc sera vers la droite.
En général, le mieu est de centrer la bloc dans la page.
Tu peux le faire en mettant ceci en CSS (exemple):
Ikfaut au préalable avoir défini la largeur du div avec un width.
Dans ton cas, plus haute est la résolution et plus ton bloc sera sur la gauche. A l'inverse, plus la résolution est basse et plus le bloc sera vers la droite.
En général, le mieu est de centrer la bloc dans la page.
Tu peux le faire en mettant ceci en CSS (exemple):
div{margin:0px auto 0px auto;}
Ikfaut au préalable avoir défini la largeur du div avec un width.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
18 févr. 2009 à 20:40
18 févr. 2009 à 20:40
s'lut,
et ça vous dirait pas de savoir exactement quel est le problème avant de donner des solutions ?
-:oD
et ça vous dirait pas de savoir exactement quel est le problème avant de donner des solutions ?
-:oD
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
>
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
18 févr. 2009 à 20:47
18 févr. 2009 à 20:47
En ce qui me concerne je pense avoir simplement trouver une cause d'un problème potentiel:
D'où la solution que j'ai donné... A priori j'avais pas besoin de plus pour déceler ce problème...
Celles que j'avais placées (par exemple) à 760px par rapport au bord gauche de mon écran, se retrouvent quasi au centre de ma page...
D'où la solution que j'ai donné... A priori j'avais pas besoin de plus pour déceler ce problème...
vincent.jerem
Messages postés
29
Date d'inscription
lundi 12 janvier 2009
Statut
Membre
Dernière intervention
6 mars 2010
2
18 févr. 2009 à 20:40
18 févr. 2009 à 20:40
aie il est pas encore hébergé je développe uniquement en local pour le moment à l'aide d'un serveur wamp... dsl
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
18 févr. 2009 à 20:42
18 févr. 2009 à 20:42
et bien dis nous en premier à quoi est censé ressembler le site.
largeur fixe ou variable ?
et comment as-tu organisé la structure, quels sont les principaux blocs ?
largeur fixe ou variable ?
et comment as-tu organisé la structure, quels sont les principaux blocs ?
vincent.jerem
Messages postés
29
Date d'inscription
lundi 12 janvier 2009
Statut
Membre
Dernière intervention
6 mars 2010
2
18 févr. 2009 à 20:48
18 févr. 2009 à 20:48
Voila on peu voir ce que ca donne a cette adresse :
http://www.imageshotel.org/images/VincentJerem/anstitre.jpg
A lorigine, les petits cadres de droite ne devraient pas etre superposés sur la banniere
De plus, rien n'est plus centré sur la page...
Merci à tous !
http://www.imageshotel.org/images/VincentJerem/anstitre.jpg
A lorigine, les petits cadres de droite ne devraient pas etre superposés sur la banniere
De plus, rien n'est plus centré sur la page...
Merci à tous !
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
18 févr. 2009 à 20:50
18 févr. 2009 à 20:50
Peut tu nous montrer le code de la structure de ta page et le code CSS correspondant ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
18 févr. 2009 à 20:54
18 févr. 2009 à 20:54
regarde chez Alsa les deux derniers gabarits.
vincent.jerem
Messages postés
29
Date d'inscription
lundi 12 janvier 2009
Statut
Membre
Dernière intervention
6 mars 2010
2
18 févr. 2009 à 20:56
18 févr. 2009 à 20:56
Voici le code de la partie centrale :
*********************************************************************************
<div id='Contenu'>
<div id="titre">
La DRH :
</div>
<br>
<div id="descr">
<p>
La Direction des Ressources Humaines gère le personnel non médical, supervise les écoles du CHU, contribue à la communication interne au CHU.
<br><br>
Ses missions/activités<br></p>
</div><br>
<div id="titre">
Plan du site :
</div>
<br>
<div id="descr">
<p>
Le plan détaillé du site a pour but de vous aider à vous repérer dans le site, c'est une table des matières. </p>
</div></div>(etc pour le texte)
******************************CSS : ********************************************
#titre
{
height:30px;
background-color:#f9f6f3;
border-color:black;
border-width:1;
border-style:solid;
}
#descr
{
background-color:#f9f6f3;
border-color:black;
border-width:1;
border-style:solid;
}
****************************************************************************
Voici le code de la partie de gauche :
<div id='Mere'>
<div id="Titre_Portlet">
<center><a href="../Actualites/index.php">Actualités</a></center>
</div>
<br>
<div id='Portlet1'>
//Code PHP
</div>
<br>
<div id='portlet2'>
//Code PHP
</div>
<br>
<div id='portlet3'>
//Code PHP
</div><br><br><br>
</div>
******************************CSS : ********************************************
#Mere
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
position : absolute;
top: 140px;
left: 860px;
width: 140px;
height: 400px;
margin:0px auto 0px auto;
}
#Titre_Portlet
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
border-color:red;
}
#portlet1
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
border-color:red;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
}
#portlet2
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
border-color:red;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
}
#portlet3
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
border-color:red;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
}
En esperant que cela pourra aider quelqu'un
Merci beaucoup !
*********************************************************************************
<div id='Contenu'>
<div id="titre">
La DRH :
</div>
<br>
<div id="descr">
<p>
La Direction des Ressources Humaines gère le personnel non médical, supervise les écoles du CHU, contribue à la communication interne au CHU.
<br><br>
Ses missions/activités<br></p>
</div><br>
<div id="titre">
Plan du site :
</div>
<br>
<div id="descr">
<p>
Le plan détaillé du site a pour but de vous aider à vous repérer dans le site, c'est une table des matières. </p>
</div></div>(etc pour le texte)
******************************CSS : ********************************************
#titre
{
height:30px;
background-color:#f9f6f3;
border-color:black;
border-width:1;
border-style:solid;
}
#descr
{
background-color:#f9f6f3;
border-color:black;
border-width:1;
border-style:solid;
}
****************************************************************************
Voici le code de la partie de gauche :
<div id='Mere'>
<div id="Titre_Portlet">
<center><a href="../Actualites/index.php">Actualités</a></center>
</div>
<br>
<div id='Portlet1'>
//Code PHP
</div>
<br>
<div id='portlet2'>
//Code PHP
</div>
<br>
<div id='portlet3'>
//Code PHP
</div><br><br><br>
</div>
******************************CSS : ********************************************
#Mere
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
position : absolute;
top: 140px;
left: 860px;
width: 140px;
height: 400px;
margin:0px auto 0px auto;
}
#Titre_Portlet
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
border-color:red;
}
#portlet1
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
border-color:red;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
}
#portlet2
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
border-color:red;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
}
#portlet3
{
font-family: Arial, Helvetica, sans-serif;
font-size : 12;
border-color:red;
background-color : #FFCCCC;
width: 100%;
border-width:1;
border-style:solid;
}
En esperant que cela pourra aider quelqu'un
Merci beaucoup !
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
18 févr. 2009 à 21:06
18 févr. 2009 à 21:06
En fait l'idéal aurai été d'avoir le code complet de la page html/php d'un côté et de l'autre le code complet du css, histoire qu'on sache comment tout se place au final.
Là il nous manque par exemple le code du <div id='Contenu'> et on sais pas si tout est placer dans un div faisant office de container...
(utilise la balise "Conserver la mise en forme du texte sélectionné" si possible. C'est mieux pour la lisibilité du post.)
Là il nous manque par exemple le code du <div id='Contenu'> et on sais pas si tout est placer dans un div faisant office de container...
(utilise la balise "Conserver la mise en forme du texte sélectionné" si possible. C'est mieux pour la lisibilité du post.)
vincent.jerem
Messages postés
29
Date d'inscription
lundi 12 janvier 2009
Statut
Membre
Dernière intervention
6 mars 2010
2
18 févr. 2009 à 21:11
18 févr. 2009 à 21:11
C'est bon le problème est résolu...
Il me suffisant de placer une div (id='centre') générale qui inclut toutes les autres
et dans les propriétés css il suffisait de mettre ca :
#centre
{
position:absolute;
top:0px;
left: 5%;
}
Merci beaucoup à tous pour vos réponses...
A bientot!!!
Il me suffisant de placer une div (id='centre') générale qui inclut toutes les autres
et dans les propriétés css il suffisait de mettre ca :
#centre
{
position:absolute;
top:0px;
left: 5%;
}
Merci beaucoup à tous pour vos réponses...
A bientot!!!
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
18 févr. 2009 à 21:19
18 févr. 2009 à 21:19
#centre
{
position:absolute;
top:0px;
left: 5%;
}
ah ben non !
tu vas pas commencer à faire des conneries !
regarde chez Alsa (comme indiqué plus haut) et adapte ce que tu as fait.
leur solution est tout simplement la meilleure.
ce que tu fais là c'est du bricolage et pas du bon !
-;o)
