Etirement de page
Erider
Messages postés
5
Statut
Membre
-
Erider Messages postés 5 Statut Membre -
Erider Messages postés 5 Statut Membre -
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.
Code de la page 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).
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"> </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:
- Etirement de page
- Impossible de supprimer une page word - Guide
- Page d'accueil - Guide
- Imprimer tableau excel sur une page - Guide
- Numéro de page word - Guide
- Page accueil iphone - Guide
1 réponse
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".
--
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".
--
Pour l'accès au site login : utilisateur et mot de passe : utilisateur.
Merci de votre aide.