01net    Web


Actuellement en ligne : 293 Utilisateurs dont 15 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> scrollbar un peut galère
Passionné(e) d'internet, de logiciels, de forums ? 01net recrute...
Auteur
Message
 
<     1       >
Web--Master
  
   
      ?   @     Posté le 04/12/2007 19:10:31  
Voter pour ce message
Bonjour a tous.

Je suis en train de creer un nouveau design pour un futur site web et je suis plutot content.

Seule Probléme, une scrollbar assez... moche :pleure: et qui sert a rien en plus.

Bref je n'arrive pas a voire ma faute. je vous donne le code css et la page web

http://adrienwebmaster.free.fr/

Code css :



body
{
width: 760px;
margin: auto;
margin-top: 50px;
margin-bottom: 20px;
background-image: url("fond1.jpg");
background-attachment: fixed;
background-repeat: repeat;
background-position: 0%"
}

/* L'en-tête */

#en_tete
{
width: 760px;
height: 100px;
background-image: url("Arnou-ban2.gif");
background-repeat: no-repeat;
position: relative;
left: 200px;
}


/* Le menu */

#menu
{
float: left;
width: 120px;
}

.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}


/* effets sur les menus */


.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}


/* Le corps */

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}


/* Le pied de page */

#pied_de_page
{
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}


Edit 19h14 :

Et aussi j'ai oublier le site ne marche pas sur IE :s
-->Message édité par Web--Master le 04/12/2007 19:14:15<--
hamster3553
  www.guillaume-charbonneau.fr
  :-)
      ?   ^   @     Posté le 04/12/2007 21:56:21  
Voter pour ce message
De quel scrollbar parle tu? celle du navigateur ? car si c'est celle-ci, il suffit de reduire la hauteur de ta page...

Sinon ton fond d'ecran est très lourd.
Web--Master
  
   
      ?   @     Posté le 04/12/2007 22:23:30  
Voter pour ce message
hamster3553 a écrit :
De quel scrollbar parle tu? celle du navigateur ? car si c'est celle-ci, il suffit de reduire la hauteur de ta page...

Sinon ton fond d'ecran est très lourd.


bah moi je voi une scrollbar en bas lié au la largeur... mais je comprend pas pour quoi elle est la quoi.

sinon je note pour le fond.
Web--Master
  
   
      ?   @     Posté le 04/12/2007 22:26:51  
Voter pour ce message
Web--Master a écrit :



bah moi je voi une scrollbar en bas lié au la largeur (oui du navigateur)... mais je comprend pas pour quoi elle est la quoi.

sinon je note pour le fond.


Ps : sur le forum de telecharger (donc sur se site :D ) j'ai aussi une scroll bar, sa vien peut étre de chez moi.
polov
  
  :-)
      ?   ^   @     Posté le 04/12/2007 23:28:40  
Voter pour ce message
ton image de fond est beaucoup trop grande
elle est plus grande que l'écran
donc obligé qu'il y ait une barre horizontale

faut plutot mettre une image qui se répète
au lieu d'une grande image qui prend tout l'écran

comme celle-là par exemple

< inclued picture >
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
Web--Master
  
   
      ?   @     Posté le 05/12/2007 10:28:00  
Voter pour ce message
Ah ok, donc l'image de fond jou sur les scroll bar ?

Edit 10h32

Faux, regarde j'ai mis ton image il y a toujour la scrollbar horizontale
-->Message édité par Web--Master le 05/12/2007 10:32:11<--
smilblick
  quoi de neuf, Docteur ?
  :-)
      ?   ^   @     Posté le 05/12/2007 11:45:11  
Voter pour ce message
Web--Master a écrit :
Ah ok, donc l'image de fond jou sur les scroll bar ?

Edit 10h32

Faux, regarde j'ai mis ton image il y a toujour la scrollbar horizontale



Bonjour

ou voyez-vous de scrollbar sous IE :heink:

< inclued picture >
-------
Ne me contactez plus en privé pour avoir des solutions, le forum est fait pour ca !!!
Web--Master
  
   
      ?   @     Posté le 05/12/2007 14:23:37  
Voter pour ce message
eh c'est un peut abusay sa regarde je te poste une screen

< inclued picture >
-->Message édité par Web--Master le 05/12/2007 14:28:58<--
polov
  
  :-)
      ?   ^   @     Posté le 05/12/2007 14:35:53  
Voter pour ce message
tu as mis un body de 760 de large

ensuite tu mets dedans une div de 760 de large avec un left de 200, ça fait 960 !

enlève la largeur du body pour voir

aussi :
enlève le left de 200 et mets plutot la div en align:center (dans le html)
comme ça
<div id="en_tete" align="center">

pareil pour la div corps
enlève lui sa margin-left: 140px; dans le css
et tu lui mets un align:center dans le html

<div id="corps" align="center">

il faut ajouter une margin:0 dans le css
pour que l'align center soit pris en compte

ou margin:... ce que tu veux
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
polov
  
  :-)
      ?   ^   @     Posté le 05/12/2007 14:38:14  
Voter pour ce message
c'est pas de la discrimination c'est de la mégalomanie !
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
Web--Master
  
   
      ?   @     Posté le 05/12/2007 17:23:48  
Voter pour ce message
j'ai trouvé

j'ai remplacer
position: relative;
left: 200px;


par
margin-left: 200px;


Merci a vous bonne journée
polov
  
  :-)
      ?   ^   @     Posté le 05/12/2007 17:27:29  
Voter pour ce message
salut
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> scrollbar un peut galère

Aller à :

Page générée en : 0.071s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Comparatif
Suite de sécurité ou Antivirus? Comparez et choisissez la protection qui vous convient !
Entreprise
Rétrospective de l'été : fusions et acquisitions, bugs, open source, cloud computing,...