Sujet Précédent Sujet Suivant

Etirement de page

Fermé
Erider Messages postés 5 Date d'inscription lundi 29 octobre 2007 Statut Membre Dernière intervention 2 mars 2008 - 1 mars 2008 à 23:18
Erider Messages postés 5 Date d'inscription lundi 29 octobre 2007 Statut Membre Dernière intervention 2 mars 2008 - 2 mars 2008 à 19:24
Bonjour,

Je suis sur un projet de création de site internet qui avance à grand pas mais je me trouve confronté à un souci.
Je m'explique :
Dans chaque page, la zone qui affiche le contenu de la page (champ blanc hors menu et interface) à été programmée comme un bloc blanc étirable vers le bas. Mais le souci c'est qu'il s'étire seulement jusqu'à une certaine limite. Donc je me demandesi c'est pas un soucis dans le style css dont je donne la source en dessous.
La partie dont il est question c'est le bloc "millieu".
Je donne aussi plus bas le code source de la page elle même. 

@charset "utf-8";
/* CSS Document */

#conteneur
{
position:absolute;
background-image:url(images/interfaceh.jpg);
background-repeat:no-repeat;
top:5px;
left:200px;
width:790px;
height:481px;
}

#haut
{
position:absolute;
top:0;
left:0px;
height:150px;
width:790px;
}

#menus
{
position:relative;
top:155px;
left:20px;
width:140px;
height:600px;
}

#menu1
{
top:0px;
left:0px;
height:165px;
width:140px;
}

#menu2
{
margin-top:25px;
left:0px;
height:115px;
width:140px;
}

#millieu
{
position:absolute;
top:155px;
left:373px;
height:100%;
width:580px;
background-color:#FFFFFF;
margin-left:12px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


Code de la page HTML : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content=""/>
<meta name="Keywords" content=""/>
<meta name="Publisher" content="Mathieu Ricquemaque"/>

<meta name="Robots" content="all"/>
<link href="style.css" type="text/css" rel="stylesheet" />
<title>Flyvision</title>
</head>

<body bgcolor="#000000">
	
    <div id="conteneur">
    	
        <div id="haut">        
        haut        </div>
      
    <div id="menus">
        
    <div id="menu1">
    <a href="index.html"><img src="images/accueil.png" alt="Accueil" width="135" height="17" border="0" style="margin-top:8px;" /></a><br />
    <a href="./presentation.html"><img src="images/present.png" alt="Présentation" width="135" height="17" border="0" style="margin-top:8px;"/></a><br />
    <a href="./blog/index.php"><img src="images/blog.png" alt="Blog" width="135" height="17" border="0" style="margin-top:8px;" /></a><br />
    <a href="./galerie/index.php" target=_blank><img src="images/photos.png" alt="Photos" width="135" height="17" border="0" style="margin-top:8px;" /></a><br />
    <a href="www.youtube.fr/pepito3d/"><img src="images/videos.png" alt="Vidéos" width="135" height="17" border="0" style="margin-top:8px;" /></a><br />
    <a href="mailto:contact@flyvision.fr"><img src="images/contacts.png" alt="Contacts" width="135" height="17" border="0" style="margin-top:8px;" /></a><br />
    </div>
    
    <div id="menu2">    </div>
    </div>
    </div>
    
    
        
<div id="millieu">
  <p align="center" class="style3">Bienvenu sur le site officiel de Flyvision</p>
  <p align="center">&nbsp;</p>
  <p>Voici le site tout neuf que nous vous avons concocté. Nos vidéos ayant été   visionnées plus de 20.000 fois sur les divers sites d'hébergement, nous nous   sommes dit qu'une interface plus accessible et permettant d'ajouter des   informations était nécessaire. C'est maintenant fait. Le contenu va venir   progressivement au fur et à mesure de l'avancée de nos travaux. Vous pouvez   aussi suivre au jour le jour l'avancée de nos projets grâce au  <a href="/blog">blog</a>. </p>
  <p align="center"><SCRIPT LANGUAGE="JavaScript">
afficheVignette("images_index/IMG_3340.jpg","images_index/image02.jpg");
</p>
  <p align="left">Nos premières photos aériennes sont disponibles dans la galerie photo. Elle sera   mise à jour régulièrement.</p>
</div>
</body>
</html>



Pour accéder au site : http://www.flyvision.fr/

Voila donc si quelqu'un trouve un problème quelque part dans le code merci de me le signaler car pour le moment je sèche vraiment (et mes compétances en CSS sont assez limitées).
A voir également:

1 réponse

Réponse 1 / 1
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 mars 2008 à 15:08
Bonjour,

Je ne comprends pas bien la question.

Tu veux étirer verticalement un bloc posé sur un autre qui semble avoir une hauteur fixe parce qu'une image d'arrière-plan le détermine.

Si tu augmentes la taille du #milieu, ça va déborder.

Est-ce ça que tu cherches ?


++
http://www.flyvision.fr/ = "Protected Area".

 --
0
Erider Messages postés 5 Date d'inscription lundi 29 octobre 2007 Statut Membre Dernière intervention 2 mars 2008
2 mars 2008 à 19:24
Oui c'est ça je cherche à agrandir verticalement le bloc "milieu" mais il ne s'agrandit qu'à une certaine limite.
Pour l'accès au site login : utilisateur et mot de passe : utilisateur.

Merci de votre aide.
0

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses