Probleme div css
Résolu
vincent.jerem
Messages postés
29
Date d'inscription
Statut
Membre
Dernière intervention
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
A voir également:
- Probleme div css
- Div c++ - Télécharger - Langages
- Remplacer #div/0 par vide ✓ - Forum Excel
- Enlever le soulignement d'un lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
9 réponses
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
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.
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...
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
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 ?
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 !
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 !
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.)
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!!!
