Positonnement CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Positonnement CSS

karinou

Bonjour,
je suis en train de réaliser un menu ayant une image en bas (pas tres comprehensible, desolée)

voila ma page HTML

Code :

<div id="menuGauche">
<div class="menuGauche" name="mg">
{rubriqueAdmin}
</div>
<div class="bas">
</div>
</div>

et ma feuille de style :

Code :

#menuGauche {
position: absolute;
left: 10px;
top : 150px;
width : 176px;
background-color: #1D6186;
/*padding-left:10px;*/
padding-top:10px;
height:expression(this.scrollHeight < 400? "400px" : "auto" );
min-height: 400px;
text-align : left;
font-weight: bold;
background: url(fondMenuGauche.JPG);
}
.bas {
height: 40px;
width: 176px;
top : 150px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
vertical-align : bottom;
background: url(bas.JPG);
}

Je souhaiterai que l'image d'arriere plan de la partie .bas soit tout le temps en bas de mon menu. La taille du menu est variable en fonction de son contenu, j'ai réussit a lui donner une taille minimum, Je n'arrive pas a faire de meme pour la partie basse (.bas), elle remonte automatiquement en dessous du contenu.

Je ne sais pas si ce que je viens de dire est trs comprehensible, si cela ne l'est pas, je peux faire un sreenshot du resultat!

Quelqu'un pourrait donc m'aider???

Marci par avance, karine

Publicité

gatsusat

vire moi ta merde on va faire plus simple :

ton HTML :

Code :

<div id="menuGauche">
</div>

ton CSS

Code :

#menuGauche {
position: absolute;
left: 10px;
top : 150px;
width : 176px;
background-color: #1D6186;
/*padding-left:10px;*/
padding-top:10px;
height:expression(this.scrollHeight < 400? "400px" : "auto" ); /*Pourquoi tu mets ça ???????*/
min-height: 400px;
text-align : left;
font-weight: bold;
background: url(fondMenuGauche.JPG);
backgroud-position : bottom; /*C'est plus simple là non ????*/
}

kirua_sama

Learn sciences with senses

pourquoi tu done une position absolue ??

masklinn

í dag viðrar vel til loftárása

gatsusat a écrit :

vire moi ta merde on va faire plus simple :

ton HTML :

Code :

height:expression(this.scrollHeight < 400? "400px" : "auto" ); /*Pourquoi tu mets ça ???????*/

MSIE, calcul dynamique de la hauteur de la zone, équivalent à min-height...

C'est un peu con vu que height: 400px devrait avir le même effet (enfin _height: 400px pour être précis, underscore hackz rulz), mais c'est très pratique pour émuler max-height

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

karinou

gatsusat >> Je crois que tu n'as pas bien compris ce que je souhaitai faire, en fait, l'imade de fond ke j'avais dans ma class .bas est différente de celle du menu gauche, dans la partie de code que tu viens d'ecrire tu n'appelle jamais mon image de bas

Code :

height:expression(this.scrollHeight < 400? "400px" : "auto" ); /*Pourquoi tu mets ça ???????*/

Sert a faire varier la taille du menu en fonction du contenu du menu, si le menu est petit dans tous les cas il aura une taille min, et c'est cette meme taille min que je veux utiliser pour l'image de donc de ma classe .bas

kirua_sama >> Parque ma page est composée de plusieurs éléments et avec des taille reltives, rien n'est en place

gatsusat

ben tu fous 2 div l'un dans l'autre

<div id="MenuCont1">
<div id="Menupourimgbas">
Mon putain de menu
</div>
</div>

et dans tes CSS
#menucont1{
backgroundimage : url('monimagedegauche.gif');
}

#Menupourimgbas{
backgroundimage : url('monimagedebas.gif');
}

victorus_ecl

PIBCAK

faut avouer que dès qu'il y a du contenu dynamique, faut avoir des bonnes connaissances en css pour arriver à un truc bien.

karinou

oui, mais justement, je suis la pour apprendre

FORUM HardWare.fr

Programmation

HTML/CSS

Positonnement CSS

Sujets relatifs
Sortie d'un nouveau livre sur les CSS	[XML/DTD/XSL/CSS/HTM] Exemple affichage d'images (tutorial)
Probleme HTML et CSS	CSS # ou . dans le style
[XHTML/CSS] Pb d'affichage sur IE asser étrange :/	Mise à jour de la spec CSS 2.1
Ancre et CSS	Validation XHTML 1.1 et CSS
prob CSS image qui sort de son lien	optimisation code CSS pour IE
Plus de sujets relatifs à : Positonnement CSS

Page générée en 0.060 secondes