KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Mardi 13 mai 2008 - 01:55:33

[css]Bannière et margin-top

Ils ont besoin de votre aide Tous les messages sans réponse
Centrer image css Comment fair bannière css Commentaire css Css bannière header Css banniére Css différence entre padding-top ie et firefox Css float margin Css label on top of input Css margin different Css margin firefox ie Css margin important Css margin padding Css modifier top avec javascript Margin top ie6 Margin-top auto Rate css Siw 1.64 gabriel topala Tag css Text margin top Topcom Topologie de reseau
 
Actualité Toutes les actualités
 
Les règles à respecter
 Réserver un accueil cordial aux nouveaux utilisateurs.
 Poster son message dans le thème le plus approprié.
 Respecter la législation en vigueur.
 Faire usage de formule de politesse et échanger avec courtoisie.
 Ne pas poster de message à vocation commerciale.
 Rédiger les messages dans un langage clair sans abréviations, style télégraphique ou mode SMS
Le cas échéant, expliquer de manière pédagogique les règles du forum
Lire le texte complet de la charte
Avis de la communauté Autres avis
Avis / Logiciels Autres avis
Rechercher : dans
Messages sans réponseStatistiques Posez votre question
[css]Bannière et margin-top
par mateus2
 Fil de Discussions
Statut : Non résolu
samedi 26 novembre 2005 à 14:07:32
bonjour,
voici mon porblème:

je veux que ma bannière soit collé en haut au navigateur. voici mon code :


/* FEUILLE DE STYLE */

body{
margin:auto;
background-color:#D4D4D4;
width:800px;
}
/* STYLE DE LA BANNIERE */
#ban{
background-image:url(images/banniere.jpg);
background-repeat:no-repeat;
width:780px;
height:149px;
}

je précise que sous IE ma bannière est centré et collé alors que sous mozilla, il y a un écart entre le navigateur et ma bannière.

comment puis je y remédier pour que mozilla ne me laisse plus cet écart ?

merci
Répondre à mateus2  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mateus2, le samedi 26 novembre 2005 à 14:44:20 Fil de Discussions
ok c bon problème résolus tout seul comme un grand !

j'ai placé ma bannière en absolu.
   
Répondre à mateus2

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par qwer, le dimanche 27 novembre 2005 à 09:02:26 Fil de Discussions
la position absloue est pas necessaire

body{
margin:0px auto;
padding:0px;
}
   
Répondre à qwer

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mateus2, le mercredi 30 novembre 2005 à 19:18:52 Fil de Discussions
Je viens de tester ton code qwer et j'ai toujours ce meme problème sur mozilla. Pour une fois IE ne m'embete pas.

Que puis-je faire pour caler ma bannière sans margin-top sur mozilla ?

merci
   
Répondre à mateus2

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par qwer, le jeudi 1 décembre 2005 à 16:50:47 Fil de Discussions
body{
margin:0px;
padding:0px;
text-align:center;
}

#ban{
background-image:url(images/banniere.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:780px;
height:149px;
margin:0px auto;
padding:0px;
}

mais ta banniere c'est quoi ? un iframe ou un div, si c'est un iframe ca marchera pas avec ce code

tu as mis #ban donc c'est bien <div id="ban" et pas class, attention le css est sensible a la casse
   
Répondre à qwer

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mateus2, le jeudi 1 décembre 2005 à 20:07:51 Fil de Discussions
ok çà marche impec merci qwer.

J'avais encore un autre problème que je n'arrive pas à résoudre:

En fait j'ai deux div dans mon code et en fait il y a un margin qui vient s'ajouter entre mes 2 div. dans mon div"contenu"si je met que ma police sans aucune balises alors les 2 div se collent. Ce margin est certainement générés par les balises de ma div "contenu". Voici mon code XHTML:

<!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>
<link rel="stylesheet" href="style2.css"/>
<title> Mon CV </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>

<body>

<div id="banniere">
</div>

<div id="contenu">

<h1>blablabla</h1>

<ul>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
</ul>

</div>

</body>
</html>

et voici ma feuille de style associés:

body{
width:780px;
margin:auto;
}

#banniere{
width:780px;
height:146px;
background-color:red;
}
#contenu{
margin:0px;
padding:0px;
background-color:yellow;

}

voilà pouvez vous m'aider sur ce problème ?
   
Répondre à mateus2

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par qwer, le dimanche 4 décembre 2005 à 08:53:49 Fil de Discussions 
c'est le h1 qui te fais le margin

h1
{
background-color:green;
margin:0px;
}
   
Répondre à qwer
Discussions pertinentes trouvées dans le forum
17/03 16h29[ CSS ] BannièreWebmastering18/03 11h232
01/03 12h11HTML CSS img en top et en bottomWebmastering07/03 00h249
25/05 11h45CSS: centrer site sous Explorer (margin:autoWebmastering19/12 18h566
18/01 13h42CSS: haurteur variable d'une bannière et textWebmastering30/01 00h217
Plus de discussions sur « [css]Bannière et margin top » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide