[Xhtml/Css] Haut de page qui s'adapte !

Fermé
camille18 Messages postés 285 Date d'inscription lundi 2 mars 2009 Statut Membre Dernière intervention 1 mars 2012 - 12 oct. 2010 à 16:39
camille18 Messages postés 285 Date d'inscription lundi 2 mars 2009 Statut Membre Dernière intervention 1 mars 2012 - 15 oct. 2010 à 11:42
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 !


A voir également:

8 réponses

lolerki Messages postés 606 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 1 mars 2017 102
12 oct. 2010 à 16:54
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.
0
camille18 Messages postés 285 Date d'inscription lundi 2 mars 2009 Statut Membre Dernière intervention 1 mars 2012 14
12 oct. 2010 à 17:14
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 :
<!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
}

0
lolerki Messages postés 606 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 1 mars 2017 102
12 oct. 2010 à 17:24
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.
0
camille18 Messages postés 285 Date d'inscription lundi 2 mars 2009 Statut Membre Dernière intervention 1 mars 2012 14
12 oct. 2010 à 17:38
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 !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
lolerki Messages postés 606 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 1 mars 2017 102
12 oct. 2010 à 18:29
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
0
camille18 Messages postés 285 Date d'inscription lundi 2 mars 2009 Statut Membre Dernière intervention 1 mars 2012 14
12 oct. 2010 à 19:24
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 !
0
lolerki Messages postés 606 Date d'inscription lundi 21 avril 2008 Statut Membre Dernière intervention 1 mars 2017 102
14 oct. 2010 à 20:59
Je pense avoir une réponse je t'envoie mon msn part mp
0
camille18 Messages postés 285 Date d'inscription lundi 2 mars 2009 Statut Membre Dernière intervention 1 mars 2012 14
15 oct. 2010 à 11:42
C'est bon, dit moi quand tu es dispo !
Merci
0