margin qui plante

**cover70** · 13/01/2013, 17h01

Bonjour

J'ai un petit souci avec un margin. Sous Chrome, j'ai un margin-bottom qui ne marche pas toujours au chargement de ma page, mais qui se corrige parfois par un ou deux rafraîchissement..

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<body>
		<div class="wrapper">
			<header class="row-fluid" id="entete">
				<div id="banniere">
					<a href="index.php"><img class="span12" alt="" src="log4.png" /></a>
				</div>
			</header>
			<div class="container">
				<nav class="row-fluid">
					<a class="span3" href="index.php">Blog</a>
					<a class="span3" href="#">Nothing</a>
					<a class="span3" href="#">Nothing Bis</a>
					<a class="span3" href="#">Contact False</a>
				</nav>
				<div class="row-fluid">
					<div class="span8">
						...
					</div>
					<div class="span4">
						...
					</div>
				</div>
			</div>
		</div>
	</body>

En fait ce que je voulais, c'était afficher le "container" 175px sous le "header".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#entete{
	margin-bottom: -175px;
}

Donc selon moi le bug ne vient pas du code mais du navigateur... mais alors comment le résoudre?

Merci d'avance pour votre aide!

Invité · 13/01/2013, 18h48

Envoyé par cover70

En fait ce que je voulais, c'était afficher le "container" 175px sous le "header".

Ce serait pas plutôt ça que tu chercherais à faire dans ce cas ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.container {margin-top: 175px;}

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
header {margin-bottom: 175px;}

Parce que selon moi, si tu mets le margin-bottom de ton header en négatif, c'est que tu veux remonter ton container, pas le descendre en-dessous du header.

Sinon, pour ce qui est du comportement de ton navigateur, as-tu essayé avec Firefox ou autre?

margin qui plante

CSS

Discussions similaires

Partager

Partager