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] Un div qui reste en bas

Alik-Mior
Alik-Mior
Niveau 3
13 août 2006 à 17:12:15

Bonjour à tous ami(e)s créateur de site web en tous genre :)

Je voudrais qu´un DIV ( contenant mes news :nez: ) fasse la hauteur de la page, je m´explique, le DIV par de en dessous le header, puis qu´il soit vide ou non, aille jusqu´en bas de l´écran de l´utilisateur, j´ai essayé les % mais sa ne fonctionne pas :-(

J´utilise que du CSS et HTML ( sans tableaux )

:merci: d´avance

Pseudo supprimé
Pseudo supprimé 13 août 2006 à 18:08:58

Javascript, impossible autrement. Coder un truc en fesant des requêtes sur l´objet Window (Cacluler bas de l´écran et centrage) et les .marginTop .marginLeft du div à placer (En absolu bien sûr). A toi de coder maintenant :)

PS : Place ton <div> de façon à ne pas flinguer ta mise en page sir si JS est désactivé.

LeLion-67
LeLion-67
Niveau 10
13 août 2006 à 18:26:26

hitman > Of course

Pseudo supprimé
Pseudo supprimé 13 août 2006 à 18:38:09

Je suis en plein dedans, le Javascript : je suis en train de réaliser un CMS en JSP et je suis en train de programmer un moteur d´édition graphique en drag&drop pour la mise en page des news et des messages, ça va être bien :)

Thymotep
Thymotep
Niveau 10
13 août 2006 à 19:00:58

T´aurai pas un ti code pour le problème ?

:merci:

darth-bane
darth-bane
Niveau 10
13 août 2006 à 23:16:38

Alik-Mior = Thymotep :d) grilled :rire:

Thymotep
Thymotep
Niveau 10
14 août 2006 à 09:58:01

Tu savais pas :doute: ?

darth-bane
darth-bane
Niveau 10
14 août 2006 à 15:15:37

Non, surtout quand tu a floodé l´autre jour.

LeLion-67
LeLion-67
Niveau 10
14 août 2006 à 15:19:09

mdr

Thymotep
Thymotep
Niveau 10
14 août 2006 à 15:21:36

Avec un topic Soda ... ? Je te l´avais dit sur un autre topic que j´été désolé de ce topic :sarcastic:

darth-bane
darth-bane
Niveau 10
14 août 2006 à 15:42:21

A ce moment là, je n´avais pas fait le lien :rire:

electron_libre
electron_libre
Niveau 10
14 août 2006 à 19:44:49

utilise les proprietés top et bottom avec position: absolute

.taclasse{
position: absolute;
top: 100px; // si ton header + bordure + marge fai
t 100px
bottom: 0px;
}

darth-bane
darth-bane
Niveau 10
14 août 2006 à 21:25:20

Tiens, un canevas vite fait de page extensible avec un header, un menu, un footer et une partie contenu :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css" media="screen">
body
{
margin: 0px;
padding: 30px;
text-align: center;
}
#header
{
position: absolute;
height: 150px;
top: 0px;
right: 0px;
left: 0px;
border: 1px solid black;
}
#menu
{
position: absolute;
width: 150px;
top: 150px;
bottom: 150px;
left: 0px;
border: 1px solid red;
}
#content
{
position: absolute;
top: 150px;
right: 0px;
bottom: 150px;
left: 150px;
border: 1px solid green;
}
#footer
{
position: absolute;
height: 150px;
right: 0px;
bottom: 0px;
left: 0px;
border: 1px solid blue;
}

</style>
</head>
<body>
<div id="header"></div>
<div id="menu"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
</html>

_WatzaKamikaze_
_WatzaKamikaze_
Niveau 10
15 août 2006 à 20:46:20

Majdes forums pour laisser passer le html ?ô _ô

darth-bane
darth-bane
Niveau 10
15 août 2006 à 20:54:54

:gne: kesidi :question:

darth-bane
darth-bane
Niveau 10
15 août 2006 à 21:03:40

Au fait, ton départ définitif du forum aura été de courte durée :rire:

LeLion-67
LeLion-67
Niveau 10
15 août 2006 à 21:05:18

c´kikavéprévenu?

darth-bane
darth-bane
Niveau 10
15 août 2006 à 21:07:19

laul

MexiTux
MexiTux
Niveau 4
15 août 2006 à 22:24:02

pété2rirr

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