Position d'un DIV modulable à la page.
Résolu
dutom007
Messages postés
92
Date d'inscription
Statut
Membre
Dernière intervention
-
mjmdurand Messages postés 246 Date d'inscription Statut Membre Dernière intervention -
mjmdurand Messages postés 246 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je me lance dans la création web, et aprés plusieurs problème résolu via google ;) , je reste bloqué sur une chose. En effet je suis en train de réaliser une interface admin et je ne parvins pas a fare ce que je veux. J'ai créé sous photoshop la maquette de fond et l'ai ensuite exporté sous forme d'un tableau que j'ai centré. Jusque là tout va bien. J'ai par la suite , sous Dreamweaver, crée des DIV grace a l'outil "tracer un div pour un élément PA" afin de pouvoir adapter le texte à chaque bulle crée sur la maquette. Sur ma résolution pas de souci (1680*1050) mais les DIV étant créés via un css de ce style:
Sur une autre résolution tout un décalage est fait les positions étant absolutes.
Comment adpater la position automatique afin qu'a n'importe qu'elle résolution superieure a 1024*780 les div reste bien face a leur bulle.?
Merci pour votre aide
Cdl.
Je me lance dans la création web, et aprés plusieurs problème résolu via google ;) , je reste bloqué sur une chose. En effet je suis en train de réaliser une interface admin et je ne parvins pas a fare ce que je veux. J'ai créé sous photoshop la maquette de fond et l'ai ensuite exporté sous forme d'un tableau que j'ai centré. Jusque là tout va bien. J'ai par la suite , sous Dreamweaver, crée des DIV grace a l'outil "tracer un div pour un élément PA" afin de pouvoir adapter le texte à chaque bulle crée sur la maquette. Sur ma résolution pas de souci (1680*1050) mais les DIV étant créés via un css de ce style:
#admin {
position:absolute;
left:628px;
top:30px;
width:301px;
height:106px;
z-index:4;
overflow: auto;
}
Sur une autre résolution tout un décalage est fait les positions étant absolutes.
Comment adpater la position automatique afin qu'a n'importe qu'elle résolution superieure a 1024*780 les div reste bien face a leur bulle.?
Merci pour votre aide
Cdl.
A voir également:
- Position d'un DIV modulable à la page.
- Supprimer page word - Guide
- Ma position - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Suivi position google - Guide
- Page d'accueil - Guide
6 réponses
Rappel : largeur universelle pour un site : 780px
Adapte donc ton gabarit a cette taille.
de plus, as-tu pensé a mettre un "div conteneur" que tu centre sur la page
#principal {
width: 780px;
position: absolute;
top: 25px;
left: 50%;
margin-left: -390px;
}
margin-left = width/2
Adapte donc ton gabarit a cette taille.
de plus, as-tu pensé a mettre un "div conteneur" que tu centre sur la page
#principal {
width: 780px;
position: absolute;
top: 25px;
left: 50%;
margin-left: -390px;
}
margin-left = width/2
Merci pour ta rapidité...
En vérité mon site est développé en 1024*780, c'est juste que j'avais la flemme de le préciser ^^. Du coup c'est sur ma résolution que tout est décallé.
Je n'ai pas fait de conteneur, et comme j'ai dit je commence juste, donc en fait tu voudrais que je fasse un conteneur centré de la taille du tableau (1024*780) et que par la suite je positionne mais div a l'interieur?
Comment faire sachant que ma parti de code est:
Merci
En vérité mon site est développé en 1024*780, c'est juste que j'avais la flemme de le préciser ^^. Du coup c'est sur ma résolution que tout est décallé.
Je n'ai pas fait de conteneur, et comme j'ai dit je commence juste, donc en fait tu voudrais que je fasse un conteneur centré de la taille du tableau (1024*780) et que par la suite je positionne mais div a l'interieur?
Comment faire sachant que ma parti de code est:
<style type="text/css">
<!--
#utilisateurs {
position:absolute;
left:23px;
top:223px;
width:427px;
height:123px;
z-index:1;
overflow: auto;
}
#nos_vins {
position:absolute;
left:486px;
top:226px;
width:483px;
height:115px;
z-index:2;
overflow: auto;
}
#actualites {
position:absolute;
left:32px;
top:428px;
width:936px;
height:232px;
z-index:3;
overflow: auto;
}
#admin {
position:absolute;
left:628px;
top:30px;
width:301px;
height:106px;
z-index:4;
overflow: auto;
}
-->
</style>
</head>
<body ...>
<div align="center">
<div id="utilisateurs">...</div>
<div id="nos_vins">...</div>
<div id="actualites">...</div>
<div id="admin">...</div>
..... parti tableau
Merci
regarde ici : http://mjm.durand.free.fr/structure.jpg
conteneur :
#principal {
width: 780px;
position: absolute;
top: 25px;
left: 50%;
margin-left: -390px;
background-color: #000000;
}
banniere :
#haut {
width: 780px;
height: 300px;
}
menu :
#milieugauche {
width: 200px;
float: left;
background-image: url(gabarit/fondmenu.png);
background-repeat: repeat-y;
}
corps :
#milieucentre {
width: 580px;
margin-left: 200px;
height: 100%;
}
conteneur :
#principal {
width: 780px;
position: absolute;
top: 25px;
left: 50%;
margin-left: -390px;
background-color: #000000;
}
banniere :
#haut {
width: 780px;
height: 300px;
}
menu :
#milieugauche {
width: 200px;
float: left;
background-image: url(gabarit/fondmenu.png);
background-repeat: repeat-y;
}
corps :
#milieucentre {
width: 580px;
margin-left: 200px;
height: 100%;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Les 800x600, c'est comme les IE6, sa sert a rien et sa fais chier tous les webmaster.
apres?c'est toi qui vois...