Prob avec deux DIV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Prob avec deux DIV

neo-spy

Je n'arrive pas à afficher le bas (26 pixels) d'une div (contenant mon logo de 497*172 pixel centré en haut d'une page) sur une autre div (contenant mon texte, centré, et à donc situé à (172-26=146 pixels du haut de la page).

Voici mon code css:

Code :

#PageCentrale {
width:95%;
text-align:center;
border:3px
solid #000000;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top: 146px;
}
#logoCentre {
margin-left:auto;
margin-right:auto;
margin-top:0px;
text-align:center;
}

La div contenant le logo s'affiche en bas de celle contenant le texte.
Merci de m'éclairer

Message édité par neo-spy le 12-05-2004 à 21:05:33

Publicité

gm_superstar

Appelez-moi Super

URL ? Code HTML ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

neo-spy

Il n'y a pas d'url donc je met le code html.

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>...</title>
<link rel="stylesheet" type="text/css" href="Site.css" title="principal">
</head>
<body>
<div id="logoCentre">
<img src="Layout/Images/Haut-Centre.png">
<div id="PageCentrale">
mapage</div>
</body>
</html>

Message édité par neo-spy le 12-05-2004 à 21:56:27

gm_superstar

Appelez-moi Super

OK. C'est normal car les éléments se superposent les uns sur les autres : les derniers déclarés dans le code HTML passent par dessus les premiers.

Or ici PageCentrale est opaque car tu lui as donné une couleur de fond.

Il faut donc que tu positionnes ton image de manière absolue (voire de lui donner un z-index si tu veux que l'image continue à précéder PageCentrale dans le code)

Le positionnement avec les CSS : http://incongru.webdynamit.net/PositionnementCss

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

neo-spy

J'avais effectivement essayé avec position: absolute, mais cela ne marche qu'en indiquant un top et un left alors que je voudrais conserverl'alignement centrer.

Avec margin-left:auto et margin-right:auto , l'image se met cette fois en haut à droite du document.
Elle est bien dessus mon div avec le texte, mais à droite de la page (au lieu d'être centrée)....

Message édité par neo-spy le 12-05-2004 à 23:04:14

gm_superstar

Appelez-moi Super

Mais tu peux utiliser le positionnement absolu pour centrer horizontalement l'image. Il faut utiliser la même méthode qu'ici : http://incongru.webdynamit.net/CentrageVertical

Message édité par gm_superstar le 12-05-2004 à 23:37:02

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

neo-spy

Merci !
cela fonctionne avec le duo position: absolute et margin-left.

T509

$job->GetJob(now)

<div id="logoCentre"> n'est pas fermée

---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !

FORUM HardWare.fr

Programmation

HTML/CSS

Prob avec deux DIV

Sujets relatifs
Alignement vertical dans un div	CSS : avoir des blocs (DIV) fixes quelques soit la taille de la page
[MYSQL] prob bizarre ma requete ne me renvoi que le premier résultat	Thread, prob libération mémoire
mettre a jour le contenu d'un div uniquement	Déplacer une div avec une iframe dedans
prob entre flash et internet explorer (javascript)	[VB .NET]Prob de refresh avec ListBox et un Dataview
Problème pour cacher une div	prob avec fonction system()
Plus de sujets relatifs à : Prob avec deux DIV

Page générée en 0.053 secondes