28173 sujets

CSS et mise en forme, CSS3

Comment controler l'élasticité d'une page et coller le footer en bas

Bonjour,

J'ai lu les sujets sur le controle de l'élasticité et le collage du footer en bas de page.
Mon problème est que lorsque je mets un container en position relative, lorsque j'ouvre mes WebDialog qui sont à l'intérieur, je ne peux pas intéragir avec elles.
Pour controler l'élasticité j'ai mis le conteneur_container_IE en position fixe et sa marche mais je ne sais pas comment faire pour coller le footer en bas.
Est ce que quelqu'un voit une solution ?

Merci...

Jean
Bonjour,

a écrit :
lorsque j'ouvre mes WebDialog qui sont à l'intérieur, je ne peux pas intéragir avec elles.
Heu, c'est quoi ça, des WebDialog ??

Il faut nous donner une page en ligne, parce que là on ne va pas pouvoir t'aider les yeux bandés Smiley cligne
Bonjour,

je ne peux pas mettre de page en ligne malheureusement!
Les WebDialog sont des composants de la librairie Component One. Ce sont en fait des sortes de PopUp intégrées à la page qui sont ouvertes en javascript sut le clic d'un bouton.

Je peux malgré tout mettre mon code.

HTML :


<body>
    <div class="conteneur_principal">
        <div class="conteneur_minwidth_IE">
            <div class="conteneur_layout_IE">
                <div class="conteneur_container_IE">
                    <form id="main_form" runat="server" enctype="multipart/form-data" method="post">
                        <asp [langue]anel ID="PanelContenu" runat="server" CssClass="conteneur">
                            <div class="header">
                            </div>
                            <div class="contentwrapper">
                            </div>
                            <div class="footer">
                            </div>
                        </asp [langue]anel>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>


CSS :


html, head, body, mainForm
{
	margin: 0;
	padding: 0;
	border: none;
}

.conteneur_principal
{
	/* Conteneur du site */
	min-width: 1002px; /* largeur mini du site (sauf IE) */
	width: auto; /* auto ou % */
}

* html .conteneur_minwidth_IE
{
	/* largeur mini du site pour IE */
	padding-left: 1002px; /* valeur largeur mini pour IE */
}

* html .conteneur_container_IE
{
	/* complément à .minwidth pour IE */
	margin-left: -1002px; /* négatif valeur largeur mini pour IE */
	position: fixed;
}

* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE
{
	/* complément à .minwidth pour IE */
	height: 1px;
}

.header
{
	height: 85px;
	padding: 0;
	margin: 0;
}

.contentwrapper
{
	clear: both;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 20px 20px;
	margin: 0px 0px 0px 5px;
}

.footer
{
	margin-left: 16px;
	background-color: Transparent;
	font-size: 0.9em;
	vertical-align: middle;
}
Bigre, ça m'a l'air bien compliqué tout ça Smiley smile

Est-ce que tous les divs appellés "machin_truc_IE" sont là uniquement pour corriger des bugs CSS d'Internet Explorer ? Ou ont-ils une autre raison d'être ?
Sujet clos
Aller à