Position d'un DIV modulable à la page. Résolu/Fermé

Question

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:

#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.

mjmdurand · Answer

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

dutom007 · Answer

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:

...

..... parti tableau Merci

mjmdurand · Answer

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%;
}

dutom007 · Answer

Oki juste le left: 50%;  me place le conteneur a partir du milieu de la page
comment faire pour qu'il soit centré?

mjmdurand · Answer

c'est grace au margin-left : margin-left = width/2

dutom007 · Answer

Ca marche super; j'ai mis : 
#conteneur {
	position:absolute;
	left:50%;
	margin-left:-512px;
	top:10px;
	width:1024px;
	z-index:1;
}

un grand merci à toi.

Position d'un DIV modulable à la page.

6 réponses

Discussions similaires