CSS prob position:absolute

Marsh Posté le 30-08-2005 à 11:00:39

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

Reply

Marsh Posté le 30-08-2005 à 11:00:39

Reply

Marsh Posté le 30-08-2005 à 11:26:27

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

Reply

Marsh Posté le 30-08-2005 à 11:39:19

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

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

Reply

Marsh Posté le 30-08-2005 à 11:45:46

affiche le code de toute ta CSS stp

Reply

Marsh Posté le 30-08-2005 à 11:51:30

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

Reply

Marsh Posté le 30-08-2005 à 12:44:22

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

Reply

Marsh Posté le 30-08-2005 à 14:57:32

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

Reply

Marsh Posté le 31-08-2005 à 09:29:55

Ouais mais ton site sans JS est inutilisable.

Reply

Marsh Posté le 31-08-2005 à 10:54:46

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

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

Reply

CSS prob position:absolute

Sujets relatifs:

Leave a Replay