28173 sujets

CSS et mise en forme, CSS3

Problème de background en css (image) / réglé

Bonjour,

j'ai un problème avec un background image défini par un fichier style.css qui ne veut pas se répétér verticalement jusqu'au bas de ma page...

Voici le code css :
a écrit :

#page{
background: #fff url(img/page.jpg) repeat-y center top;
color: inherit;
width: 886px;
margin: 0em auto;
text-align: left;
}


et voici ma page (que j'inclue ensuite dans un autre fichier, les div s'y termine) :

a écrit :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
...
</head>

<body>

<div id="page">

<div id="top">
<META NAME="AUTHOR" CONTENT="Hacavie">
<META NAME="OWNER" CONTENT="cicat@hacavie.com">
<META NAME="SUBJECT" CONTENT="Handicaps"
<META NAME="RATING" CONTENT="Santé">
<META NAME="DESCRIPTION" CONTENT="Handicat, handicaps et aides techniques. Base de donn&eacute;es francaise sur les aides techniques (matériel de compensation du handicap moteur,visuel,auditif...) référencant plus de 8000 produits et 400 fabricants.">
<META NAME="ABSTRACT" CONTENT="Handicat, handicaps et aides techniques. Base de donn&eacute;es francaise sur les aides techniques (matériel de compensation du handicap moteur,visuel,auditif...) référencant plus de 8000 produits et 400 fabricants.">
<META NAME="KEYWORDS" CONTENT="aides techniques, fauteuil roulant, classification handicap, documentation handicap, information handicap, matériel handicap, conseil handicap, vie quotidienne handicap, financement aide technique, financement handicap, handicap physique, informatique handicap, autonomie handicap, assistives technologies, eastin, wheelchair, aide techniques handicap, hacavie, cicat, vie autonome, sva, esvad, association, handicap, base aides techniques, aide technique, magazine handicap, loisir handicap, automobile handicap, fauteuil roulant, am&eacute;nagement, vie autonome, pilote59, hacavie, personne ag&eacute;e, compensation handicap, SIEGES PERCES, chaise de douche, aide repas, aide toilette, fauteuil roulant electrique, fauteuil roulant manuel, sport handicap, sport adapt&eacute; adaptation vehicule, vehicule handicap, voiture handicap, vetements adapt&eacute;, vetements handicap, aide vie quotidienne, leve personne, jouet adapt&eacute; jeu handicap, tricycles handicap">
<META NAME="REVISIT-AFTER" CONTENT="15 DAYS">
<META NAME="LANGUAGE" CONTENT="FR">
<META NAME="COPYRIGHT" CONTENT="HACAVIE">
<META NAME="ROBOTS" CONTENT="All">
<link rel="stylesheet" type="text/css" href="http://www.handicat.com/preview/include/style.css" media="screen"/>
<div id="banniere">
<a href="./"><img src="http://www.handicat.com/preview/include/bannieres/handicat2.jpg" alt="Handicat" border="0" /></a>
</div>

</div>

<div id="sep">&nbsp;</div>

<div id="main">

<div id="content">

bla bla bla



Vous pouvez le voir ici : http://www.handicat.com/preview/hpage.php

Le cadre blanc devrait continer sous le bla bla bla ...

Quelqu'un aurait une idée ???

---------------------------------

Bon j'ai trouvé ... Apparament, il me fallait un id footer à la fin ...
Modifié par ybvj (18 Aug 2006 - 10:04)
heu ..

Les meta font quoi dans le body ?

pour la définition de #page ca parait pas idiot, mais ca se joue certainement avec le reste .

le code de ta css est à nettoyer :
ex:
un repeat-x pour #entête, mais pas d'img de fond..

et tant de classes que j'ai du mal à m'y retrouver.

Au lieu de passer par un id tu ne pourrais pas faire le fond sur le body ?
bonne question pour le meta ...

Pour les fond sur le body, en fait cela imite une feuille de papier à lettre ... Le fond du body et gris et le site lui-même a largeur défini (886) est basé sur des images.

A oui aussi, sous ie cela passe ... mais bon ie est une passoire !
Modifié par ybvj (18 Aug 2006 - 09:41)
Sujet clos
Aller à