28172 sujets

CSS et mise en forme, CSS3

Problème de bordure blanche sur des div

Bonjour à tous,

Alors voilà j'ai un soucis avec une bordure blanche sur une page : http://cl.ly/image/0310312C110E

J'ai bien suivi diverses instructions que j'ai pu trouver sur divers sites dont alsacréations mais rien n'y fait ...

Un petit coup de pouce serait plus que bienvenue.

Merci à tous !

L'html est là :

<!doctype html>
<html lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Test</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

      
<div id="slide1">
		<div class="slide_inside">					
		</div> 						
	</div> 

<div id="slide2">
		<div class="slide_inside">						
		</div> 
    </div> 
      
<div id="slide3">
		<div class="slide_inside">					
		</div> 						
	</div>


et le css : 

#slide1, #slide2, #slide3
{
  height: 1000px;
  padding-top: 100px;
}

#slide1 {

  background: url("images/louvre.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 

#slide2 {

  background: url("images/pompidou.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#slide3 {

  background: url("images/arc.jpg")  no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
Non, je ne pense pas. J'ai bien vérifié, essayé de changer les paramètres de la marge mais rien n'y fait. Le pire c'est que j'ai tenté de mettre exactement le même code que le tuto mais j'ai ces même bordure blanche. En changeant le padding j'ai ça aussi.
Salut !
As tu essayé de mettre un margin:0 et padding:0 sur tout ton site ?

De cette façon : 
*{margin:0; padding:0;}

Normalement ça devrait fonctionner ! Je met ça dans toutes mes feuilles de styles et je ne suis jamais embêté avec ce genre de problème !
Modifié par VelvetSmoke (19 Jul 2013 - 09:09)
Merci de vos réponses,

Effectivement c'était bien un problème de marges au niveau du body.

Tendresse et chocolat <3
Zelalsan a écrit :
Attention, ce n'est pas bon du tout de faire ça ! Quitte à faire un reset, autant en faire un propre.


Pourquoi ce n'est pas bon de faire ça ? Peux tu m'expliquer en quoi cela est gênant ? Si cela peut rendre mon code plus propre je suis preneuse !
Le sélecteur universel n'est plus un problème en soi - il le fut pour des questions de performances, qui sont relativement désuètes bien que toujours existantes - par contre mettre tous les padding et margin à 0 est une très mauvaise pratique : tu vas devoir re-préciser tes marges et padding sur tous les éléments qui en ont besoin.

Beaucoup de code pour faire quelque chose de natif : un peu comme acheter une voiture neuve et remplacer tout l"intérieur cuir par de la moquette Smiley lol .

Cela dit c'est faisable et ça fonctionne, ça n'est juste pas du tout DRY. On n'en meurt pas !

PS : l'alternative "propre" consiste à utiliser une feuille de style de base plutôt qu'un reset, afin d'homogénéiser les quelques valeurs qui pourraient être différentes selon les navigateurs.
Sujet clos
Aller à