CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Placer une div

greensheep29
greensheep29
Niveau 9
15 septembre 2007 à 13:37:17

Salut à tous :)
Comment faire pour placer une div, en plein milieu de la page ?
une sorte de align:center; mais centrée aussi de haut en bas
merci :)

mr_monkey
mr_monkey
Niveau 10
15 septembre 2007 à 16:33:10

Avec css seul ? on ne peut pas, il faut utiliser du javascript qui recupère la hauteur de l´écran et ensuite qui place le div, mais ça n´est pas conseillé.

AlLeZ_lyon
AlLeZ_lyon
Niveau 9
15 septembre 2007 à 17:16:48

avec "margin" ?

darth-bane
darth-bane
Niveau 10
15 septembre 2007 à 18:54:19

Mais si, c´est faisable !
Il faut juste jouer avec les marges négatives :ok:

<html>
<head>
<style type="text/css">
body
{
margin: 0;
padding: 0;
}
.conteneur
{
position:absolute;
left: 50%;
top: 50%;
width: 700px;
height: 400px;
margin-top: -200px;
margin-left: -350px;
border: 1px solid #333333;
background-color: #EEEEEE;
}
.conteneur2
{
position:absolute;
left: 50%;
top: 50%;
width: 350px;
height: 200px;
margin-top: -100px;
margin-left: -175px;
border: 1px solid #CCCCCC;
background-color: #111111;
}
</style>
</head>
<body>
<div class="conteneur">
<div class="conteneur2"></div>
</div>
</body>
</html>

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment