css: varier la position en hauteur d'une bannière selon le texte.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : css: varier la position en hauteur d'une bannière selon le texte.

midiweb

Salut, avec une feuille css, comment faire varier le positionnement en hauteur dune bannière placée en bas de page selon la hauteur du texte qui saffiche ?
Plus précisément, jai des pages qui contiennent, à gauche, le menu, à droite le contenu, en haut et en bas une bannière. Le problème est le suivant : quand le texte saffiche au milieu, il faudrait que la bannière du bas remonte ou redescende en fonction de la hauteur du texte.
Pour le moment, ma banniière se mélange au texte quand celui-ci est trop long ou atteint plus que 600pixels en hauteur SAUF sous KE6?
J'ai essayé de faire varier les padding, margin, etc...mais en vain, cela reste inchangé? Bine sûr, je pourrais mettre la propri´té

Code :

oveflow:auto;

Faut-il un "conteneur" , une balise css "conteneur? Faut-il insérer quelque part dans le code:

Code :

clear:both;

A+
Le code css du postitonnement de la bannière du bas est le suivant:

Code :

<div id="bas">
<table>
<tr>
<img src="images/banniere-bas.jpg" /> </tr>
</table>
<p align="center"> </p>
</div>

Voici ma nouvelle feuille css:

Code :

/* CSS Document */
body {
position: relative;
margin: 0px;
margin-left:0px;
padding: 0px;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div#haut {
margin-bottom:auto;
margin-top:auto;
padding-bottom:inherit;
padding-top:inherit;
width: auto;
height: 50px;
background-color: White;
color: #fff;
font-size: 36px;
}
/*
div#conteneur {
height: 338px;
width: 100%;
float:left;
}*/
div#menu {
position: absolute;
left: 24px;
width: 107px;
height: 450px;
margin-top: 130px;
top: 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#frame {
position:relative;
margin-top: 140px;
margin-left: 140px; /* on place ce bloc à droite du bloc menu de 180px de large */
padding: 15px;
padding-top: 0px;
width: 860px;
/*overflow: auto; cette propriété va permettre le scroll de ce bloc */
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
border-left:dotted thin;
}
div#bas {
position:relative;
width: 860px;
height: 30px;
text-align: center;
}
</style>

Merci de votre aide
A+

Publicité

ZeBix

edit > preview

Bonjour,

Un clear:both est effectivement la solution, ça te mettra ta dernière div (celle de la bannière du bas) tout en 'bas', c'est-à-dire au dessous de ton menu de gauche qui a une longueur fixe minimum, ou alors au-dessous de ta frame de droite avec le contenu, si celui-ci est plus long que le menu.

omega2

"div#bas { position:relative;"
Enléve les positions relative ou absolut et passe en positionnement naturel (rien d'indiqué) ou floatant.
Ca t'enlévera tous les problémes de ce genre.

PS : En plus faire un positionnement "relatif" sans indiquer où placer le composant, c'est pour ainsi dire bizaroïde.

FORUM HardWare.fr

Programmation

HTML/CSS

css: varier la position en hauteur d'une bannière selon le texte.

Sujets relatifs
[css] décalge du texte mais pas partout.	PHP et les fichiers texte
données fichier texte vers BDD	alignement texte et image
aide pour un problème de décalage de texte en CSS	Une banniere perso sur un forum en phpBB
[VBA-W] Mettre le texte sur une seule ligne	pb avec document.getElementById(texte).innerhtml
Erreur de hauteur : input dans div	[JS] problème de récupération de value d'un champ texte
Plus de sujets relatifs à : css: varier la position en hauteur d'une bannière selon le texte.

Page générée en 0.044 secondes