CSS prob position:absolute

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS prob position:absolute

freed102

Arayashiki

je comprends pas...
la position "absolute" n'est elle pas censée se positionner sans se soucier des autres blocs ? (j'ai peut etre loupé un episode)
j'essaie de positionner un bloc par dessus toute la page... je veux qu'il fasse 100% en largeur et 100% en hauteur...

le probleme c'est que ça marche pas du tout ! lol! (du moins sur IE)
mon bloc se positionne comme si mon body etait en text-align:center alors que c pas le cas

et comme vous pouvez le constater... mon div est directement dans le body (pas imbriqué dans un autre div)

voici mon div à centrer :

Code :

<body onload="Chargement();">
<div id="chargement">
<table width="400" border="0" align="center" cellpadding="2" cellspacing="0" bordercolor="#578799" bgcolor="#578799">
<tr>
<td align="center" valign="middle">
<table width=100% bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<font face="verdana" size=2 color="#578799">
<br>
Chargement de la page en cours...
<br>
<br>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

et voici le CSS qui lui correspond :

Code :

#chargement
{
margin:0;
padding:0;
position:absolute;
float:left;
background-color:#71AFC7;
width:100%;
height:100%;
z-index:15;
visibility:hidden;
left: 0;
top: 0;
}

---------------
Freed102

Publicité

gatsusat

déjà vire moi tes 2 putains de tableaux de merde
ensuite on verras

freed102

Arayashiki

oui je vais les retirer parceque ils n'ont rien à faire là lol

---------------
Freed102

gatsusat

affiche le code de toute ta CSS stp

freed102

Arayashiki

j'ai trouvé l'erreur !!!

yavé deux ligne dans le javascript qui n'avaient rien à faire là !

largeur = screen.width;
chg.left = Math.round((largeur/2)-200);

---------------
Freed102

freed102

Arayashiki

j'ai un autre probleme maintenant.. c'est ce qui concerne la hauteur...
height:100% visiblement prends la hauteur de la fenetre ... mais pas la hauteur de la page ! c'est embetant car je me retrouve avec le bas de la page qui n'est pas cachée par mon bloc.

Second probleme.. j'essaie de cacher mes champs "select" qui restent affichés.. j'ai fait des :

Code :

selects=document.getElementsByTagName('select')
for (i=0;i<selects.length;i++)
{
selects[i].style.visibility="hidden";
}

.. Mais ça n'a pas l'air de marcher

---------------
Freed102

freed102

Arayashiki

maintenant j'essaie de placer un bloc en plein centre de la fenetre avec un javascript...

je fais ça (en résumé):

Code :

msg1 = document.getElementById("message1" ).style;
var dom = net = iex = false;
if (document.getElementById) dom = true; // IE5+ ou Netscape6+/Mozilla
if (document.layers) net = true; // Netscape4
if (document.all) iex = true; // IE4+
if (iex) {
var largeur = eval("document.body.offsetWidth" );
var hauteur = eval("document.body.offsetHeight" );
}
else if (dom || net) {
var largeur = window.innerWidth;
var hauteur = window.innerHeight;
alert(largeur);
}
else {
var largeur = screen.width;
var hauteur = screen.height;
}
msg1.marginLeft = (largeur/2)-(msg1.width/2);
msg1.marginTop = (hauteur/2)-(msg1.height/2);

dans IE ça marche (à peu pres.. parceque mon bloc est cette fois centré sur la hauteur mais pas sur la largeur)

mais dans Fire fox.. ya rien à faire il est toujours bloqué en haut à gauche

---------------
Freed102

gatsusat

Ouais mais ton site sans JS est inutilisable.

freed102

Arayashiki

bah si... puisque par defaut le div avec le message est "hidden"

---------------
Freed102

FORUM HardWare.fr

Programmation

HTML/CSS

CSS prob position:absolute

Sujets relatifs
Pb position calques/texte entre IE et FF (dream)	[HTML/CSS/js] popup et boite info... quelles solutions ?
CSS: <hr> et Fire Fox	CSS : Selectionner le parent
[CSS]	CSS probléme d'affichage entre Navigateurs
Problème CSS et Fiefox	[CSS]Site très lent
XHTML, CSS et FireFox 1.0.6	Petit prob html [Reglé]
Plus de sujets relatifs à : CSS prob position:absolute

Page générée en 0.049 secondes