[Xhtml/Css] Haut de page qui s'adapte !
camille18
Messages postés
285
Date d'inscription
Statut
Membre
Dernière intervention
-
camille18 Messages postés 285 Date d'inscription Statut Membre Dernière intervention -
camille18 Messages postés 285 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila, depuis quelques heures "déjà", j'essaye de trouver un moyen pour que le haut de ma page s'adapte avec la fenêtre et que le bas soit en quelques sortes "libre" .
Comme sur ce site !
Merci de votre aide !
Voila, depuis quelques heures "déjà", j'essaye de trouver un moyen pour que le haut de ma page s'adapte avec la fenêtre et que le bas soit en quelques sortes "libre" .
Comme sur ce site !
Merci de votre aide !
A voir également:
- [Xhtml/Css] Haut de page qui s'adapte !
- Impossible de supprimer une page word - Guide
- Numéro de page word - Guide
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
- Bordure de page word - Guide
8 réponses
faudrait déjà poster sur le bon forum... 2 montre nous ton code source 3 un exemple de ton site en ligne. 4 poste ce sujet dans Webmastering et annule celui là...
J'ai pas trop compris ce que tu demande bref exprime toi bien.
J'ai pas trop compris ce que tu demande bref exprime toi bien.
Hmm, je pense que mon topic concerne la programmation.
Ma page n'est pas encore diffusée sur internet.
Pour expliquer en plus simple je cherche à faire comme sur ce site ou quand tu veux baisser la fenêtre par le haut, la page ne va pas s'écraser. Alors que en bas c'est l'effet inverse.
Mon code source est celui ci :
Page HTML :
Dossier CSS:
Ma page n'est pas encore diffusée sur internet.
Pour expliquer en plus simple je cherche à faire comme sur ce site ou quand tu veux baisser la fenêtre par le haut, la page ne va pas s'écraser. Alors que en bas c'est l'effet inverse.
Mon code source est celui ci :
Page HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre du site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="design.css" />
</head>
<body>
<div id="corps">
<!-- Ici le corps principale ! -->
<div class="logomsn">
<img src="images/msnlogo.png" width="400" height="371" />
</div>
<div class="fondcorps">
<img src="images/corps.jpg" width="600" height="800" />
</div>
</div>
<div id="en_tete">
<!-- Ici l'en tête ! -->
<img src="images/titre.png" width="500" height="200" border="0" />
</div>
</body>
</html>
Dossier CSS:
body
{
background:url("images/wallpaper.png");
background-position: top right;
background-position:absolute;
width:100%;
height:100%;
margin-top: 20px;
}
div#en_tete
{
left: 50%;
top: 50%;
position: absolute;
z-index:3;
margin-left: -250px;
margin-top: -485px;
}
div#corps
{
width: 50%;
height: 50%;
float: right;
padding:0 0 0 5px;
overflow:auto;
margin:0;
}
.logomsn
{
left: 50%;
top: 50%;
position: absolute;
z-index:2;
margin-top: 100px;
margin-left: 40px;
}
.fondcorps
{
z-index:1;
position: absolute;
left: 50%;
top: 50%;
margin-top: -365px;
margin-left: -300px
}
un screen ?? La programmation c'ets le c c++ ou autre langage. la tu parle de développement web ^^. ou le php css html c'ets du développement web et pas de la programmation. Pour cela que pas beaucoup de personne vont répondre à ton problème. C'est pas leurs domaine.
A quoi servirais un screen par rapport à se que je cherche ? :)
Bon c'est pas comme si j'avais mis dans Jeux Vidéo.
Avant de poster ce sujet dans le WebMastering j'aimerais bien savoir si tu as une réponse à mon problème ?
Merci !
Bon c'est pas comme si j'avais mis dans Jeux Vidéo.
Avant de poster ce sujet dans le WebMastering j'aimerais bien savoir si tu as une réponse à mon problème ?
Merci !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Surement, je te demande un screen, car je comprends pas trop. "la page ne va pas s'écraser. Alors que en bas c'est l'effet inverse." Afin de mieux comprend
j'ai préféré prendre exemple sur ce site car je trouvais sa plus parlant^^
Alors voila ce que je souhaite faire en haut de la page:
https://imageshack.com/
Et voila se que sa fait pour mon site en haut et en bas :
https://imageshack.com/
J'espère que cette fois ci tu comprendras ! Merci de ton aide !
Alors voila ce que je souhaite faire en haut de la page:
https://imageshack.com/
Et voila se que sa fait pour mon site en haut et en bas :
https://imageshack.com/
J'espère que cette fois ci tu comprendras ! Merci de ton aide !
