FORUM

forum / PHP / Comment centrer un tableau fixe

Vous n êtes pas connecté

Page :1

Comment centrer un tableau fixe

Auteurs Messages
filou80 Posté à 09h39 le 20 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
Bonjour

Question bête comment faire un tableau qui soit centrer et coller en haut de la page ?
J'ai essayer plusieurs choses soit qui reste fixe en haut mais il est pas centrer soit il est centrer mais il reste pas fixe et pas coller en haut.

Merci par avance
filou80 Posté à 10h09 le 20 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
J'ai utiliser sa mais fonctionne pas :

  position:fixed;
  top:0;
  margin-left: auto;
  margin-right: auto;


newton Posté à 11h56 le 20 Feb 15

Membre inscrit le 08/08/2013
Messages : 2197
Localisation :
Est ce qu'on peut voir aussi le code html ?
filou80 Posté à 14h37 le 20 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Document sans titre</title>
<link href="miseenpage.css" rel="stylesheet" type="text/css">

<style type="text/css">


#tab2 {   
  position:fixed;
  top:0;
  margin-left: auto;
  margin-right: auto;

  
}

</style>

</head>

<body>
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" id="tab2">
  <tr>
    <td bgcolor="#0000FF">&nbsp;</td>
    <td bgcolor="#0000FF">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#0000FF">&nbsp;</td>
    <td bgcolor="#0000FF">&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>


filou80 Posté à 14h49 le 20 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
Bonjour

Par contre celui ci fonctionne mais sous internet explorer

<style type="text/css">


#tab2 {   
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 80%;
        height: 40px;
        background-color : #E6EFFD;
        border-top: solid black 1px;
        padding: 5px;
        padding-left: 5px;
        padding-top: 0;
        color: white;
        opacity: .8;
        filter: alpha(opacity=80);
        -ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=80)";
        box-shadow: 1px 10px 12px #000000;
        filter:progidXImageTransform.Microsoft.Shadow(color='#000000', Direction=200, Strength=12);
        zoom: 1;


  
}

</style>


filou80 Posté à 15h16 le 20 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
Celui précédemment fonctionne, mais pas sous internet explorer.

said Posté à 16h43 le 20 Feb 15

Membre inscrit le 16/09/2012
Messages : 1512
Localisation :
Pour ton cas, ceci fonctionnera:
Code html du tableau :

<table id="tab2">
<tr>
<td bgcolor="#0000FF">&nbsp;</td>
 <td bgcolor="#0000FF">&nbsp;</td>
 </tr>
  <tr>
 <td bgcolor="#0000FF">&nbsp;</td>
  <td bgcolor="#0000FF">&nbsp;</td>
  </tr>
</table>

Code CSS:

 #tab2 {   
position:fixed;
 top:0;
 width: 80%;
 left: 10%;
 right:10%;
 background: #0000FF;
}




newton Posté à 16h53 le 20 Feb 15

Membre inscrit le 08/08/2013
Messages : 2197
Localisation :
ça fait plusieurs minutes que je cherche à résoudre ce problème sans succès.
Voila que tu arrives et par magie, tu proposes une solution qui marche.
Comme tu viens de le dire, ça marche pour son cas. Est ce qu'il y a une façon de le faire autrement ? Si on est appelé à utiliser des pixels au lieu de %, cette solution n'est pas la bienvenue.
filou80 Posté à 02h28 le 21 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
Merci pour votre aide.
Par contre dans mon css le code suivant ne fonctionne plus :

border-radius: 0px 0px 15px 15px;


filou80 Posté à 02h29 le 21 Feb 15

Membre inscrit le 25/03/2014
Messages : 117
Localisation : somme
Merci pour votre aide.
Par contre dans mon css le code suivant ne fonctionne plus :

border-radius: 0px 0px 15px 15px;


Samomoi

Page : 1