Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Probléme Affichage barre de défilement CSS

ujju, le 25 mai 2008 à 20:08:12

Signaler ce message aux modérateurs

Salut, je suis en train de créer un site web simple en html/css puis plus tard php. Voila mon probléme :o , j' ai une page contenant des images/texte sous forme de tableau mais lorsque j' ouvre cette page la barre de défilement ne s' affiche pas et je ne peux donc pas voir tous le contenu html, j' ai essayé d ' utiliser "overflow:" "visible" et "scrollbar" mais sans résultat :(

Je me demande si cela n' est pas dût à l' utilisation de "position: fixed"
Voici les scripts, Ne pas faire attention aux commentaires, parfois incorrectes :)

HTML de la page concernée :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Site de La Société FRINGUES.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="peintmoi.css" />
</head>
<body>

<div id="he">
<table>
<tr><td>
FRINGUES
</td></tr>
</table></div>
</div>

<div class="connexion">
<table>
<tr class="titreconnexion"><td>Connexion</td></tr>
<tr><td>

<form method="post" action="#####.php">

<label id="cid"for="pseudo">Nom Utilisateur :</label>
<input id="cidz"type="text" size="15" maxlength="10" name="pseudo" id="pseudo" />
<br><label id="cmdp" for="pass">Votre mot de passe :</label>
<input id="cmdpz" type="password" size="15" maxlength="10"name="pass" id="pass" />
<div class="bouton">
<a href="Ajoutuser.php" class="bouton">Ok</a>
</div>
</form>
</td>
</tr>
</table>

<table class="Menu" >
<tr class="Menutitre"><td>Menu</td></tr>
<tr><td>
<br><a href="Client">-S'enregistrer</a>

</td>
</tr>
</table>
<div><table border="0" id="corpscatalogue">
<caption>
Bienvenu sur le catalogue en ligne de la société FRINGUES:
</caption>
<tr><td></td></tr> 
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
</tr>
<tr>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
</tr>
<tr>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
</tr>
<tr>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
<td><img src="img/1.jpg" alt="Teeshirt1" />
<br>Désignation: Tee Shirt XXXX
<br>Prix: 100 Euros
</td>
</tr>
</table></div>
</body>
</html>

CSS de toutes les pages:

body
{
background-color:#B5BBEB;/* couleur de la page*/
position: absolute;

}

.bouton:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: #07147B; /* Le lien cahnge de couloeur quand on pointera dessus */
}

.bouton
{
position:fixed;
top:40%;
left:8%;
}

#cid
{
position:fixed;
top:20%;
left:3%;
}

#cidz
{
position:fixed;
top:25%;
left:3.5%;
}

#cmdp
{
position:fixed;
top:30%;
left:2%;
}

#cmdpz
{
position:fixed;
top:35%;
left:3.5%;
}

.titreconnexion
{
font-weight:bolder; /* Met en gras le titre menu en gras*/
font-size:150%;
font-family:"Comic Sans MS", arial; /* Défini les polices à utiliser*/
height:13%;
position:fixed;
top:13%;
left:3%;
}
.connexion
{
background-color:#D0D1D8;
color: #5E6596;
position:fixed;
top:13%;
font-family:"Comic Sans MS", arial; /* Défini les polices à utiliser*/
text-align:center; /* positione le contenu des cellules du tableau sur la gauche*/
font-size:medium; /* Agrandi la taille du contenu du tableau */
border-collapse:collapse; /* Colle les bordures entre elles */
width:16%; /* Défini la largeur du tableau*/
height:31%;
font-size:medium;
border: 2px solid #5E6596;
}

.lien
{
font-style:italic; /* Les liens seront en italique */
font-weight:bolder; /* Met en gras les liens*/
}

a
{
text-align:center; /*Centre les liens*/
text-decoration:none; /* Les liens ne seront plus soulignés */
color:#5E6596;; /* Les liens seront en noir au lieu de bleu */

}
a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: #07147B; /* Le lien sera écrit en vert quand on pointera dessus */
}

#he table
{
color:#5E6596 ;
text-align:center; /* Centre le contenu des cellules du tableau (ici une) */
font-family:"Comic Sans MS", arial; /* Défini les polices à utiliser*/
font-weight:bolder; /* Met en gras le contenu du tableau*/
font-size:xx-large; /* Agrandi la taille du contenu du tableau */
margin:auto; /* Centre le tableau */
border-collapse:collapse; /* Colle les bordures entre elles */
width:100%; /* Défini la taille du tableau*/
border-style: solid ;
border-width: 4px;
border-color: #5E6596;
background-color:#D0D1D8;
}

.Menu
{

background-color:#D0D1D8;
color:#5E6596;
position:fixed;
top:47%;
font-family:"Comic Sans MS", arial; /* Défini les polices à utiliser*/
text-align:center; /* positione le contenu des cellules du tableau sur la gauche*/
font-size:medium; /* Agrandi la taille du contenu du tableau */
border-collapse:collapse; /* Colle les bordures entre elles */
width:16%; /* Défini la largeur du tableau*/
height:16%;

border: 2px solid #5E6596;
}

.Menutitre
{
font-weight:bolder; /* Met en gras le titre menu en gras*/
font-size:150%;
position:fixed;
top:47%;
left: 6%;
}

.Corps
{
color:#5E6596;
position:fixed;
top: 18%;
left: 19%;
font-family:"Comic Sans MS", arial; /* Défini les polices à utiliser*/
text-align:center; /* positione le contenu des cellules du tableau au centre*/
}

.infouser
{
text-align:left;
}

.Corpsinsc
{
color:#5E6596;
position:fixed;
top: 14%;
left: 28%;
font-family:"Comic Sans MS", arial; /* Défini les polices à utiliser*/
text-align:center; /* positione le contenu des cellules du tableau au centre*/
}

.bv
{
position:fixed;
top: 72%;
left: 45%;
}

#corpscatalogue
{
position:fixed;
top:18%;
left:25%;
font-family:"Comic Sans MS", arial;
text-align:center;

}

Merci de me répondre :D

Bye Bye

Configuration: Windows XP
Firefox 2.0.0.14

Meilleures réponses pour « Probléme Affichage barre de défilement CSS » dans :

Barre de defilement horizontale (Résolu) Voir

Affichage barre d'outil (Résolu) Voir

Pb affichage barre d'etat ie Voir

[Windows] Mettre une icône dans la barre des tâches VoirIl suffit de cliquer avec le bouton gauche sur l'icône et de la déplacer dans la barre des tâches tout en maintenant le bouton enfoncé, puis de relâcher le bouton. Rien de plus simple :-)

Barre d'adresse sur internet explorer disparu (Résolu) Voir

Non affichage barre adresses (Résolu) Voir

FLASH : texte dynamique + barre defilement Voir

Exécuter une macro VoirExécuter une macro Excel et Calc proposent plusieurs façons d’exécuter une macro : en la sélectionnant dans une liste, dans la boîte de dialogue Macro ; par un raccourci clavier ; en l’attachant à un bouton de la barre d’outils ; ...

Posez votre question Répondre